码迷,mamicode.com
首页 > Web开发 > 详细

CSS 样式表中padding 的用法

时间:2019-02-02 19:16:07      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:写法   add   nbsp   接受   dao   target   www.   外边距   样式   

CSS中padding 描述的是内边距的意思,margin是外边距。QSS中同样的道理。

1. padding表示内边距的意思,margin---外边距。
2. CSS的 padding 属性定义元素边框与元素内容之间的空白区域。
3. padding 接受长度值或百分比值,但不允许使用负值。
4. 示例:如果希望所有内边距都是10 像素,只需要设置:padding:10px; 就可以了。
5. 也可以分别设置4个边的内边距,只需通过它们的单独属性,分别设置上、右、下、左内边距:
* padding-top
padding-right
* padding-bottom
* padding-left
简写就是:padding:1px 10px 1px 3px; (上右下左),此写法符合标准,推荐使用。

 所以当在样式表中设置QcomboBox 的样式:实际上QComboBox 的minimumSize的width 为: 85 px = 72 (min-width ) + 10 (padding-right) + 3(padding-left) + 2 (left-border) + 2(right-border) (px)

QComboBox{
border : 2px solid black
border-radius:3px min-width : 72px; padding: 1px 10px 1px 3px
color: black //实际上QComboBox 的minimumSize的width 为: 85 px = 72 (min-width ) + 10 (padding-right) + 3(padding-left) + 2 (left-border) + 2(right-border) (px) }

  

CSS 样式表中padding 的用法

标签:写法   add   nbsp   接受   dao   target   www.   外边距   样式   

原文地址:https://www.cnblogs.com/shuifei/p/10348759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!