最近评论
正在载入评论列表...
![]() |
![]() |
3.4 内边距
内边距(padding)是(X)HTML元素的边缘(边框)和元素内容之间的距离,适用于任何元素。
3.4.1 内边距声明
内边距的设定值可以选择长度和百分比,但是没有auto值,也不能设定为负值。
同样以容器div为例,但这次我们为每个方向都加上用户定义的内边距:

图3-7表示给定内边距值以后,容器中的段落(用细边标出的)与各边框之间存在一定的距离了。
![]()
图3-7 内边距应用到包含容器的各个方向,从而确定子元素(如段落等)的最终位置
在此,百分比是指相对于父元素宽度的百分比例。所以,如果声明padding-left:10%,则内边距等于父元素给定宽度的10%。采用em设定内边距值也可以使它随元素按比例缩放。在流体布局中,这个值的设定非常有用,我们将在本书的第二部分中讨论相关内容。
3.4.2 内边距缩写
用于设定外边距值的缩写方式同样适用于设定内边距值。

与margin属性一样,数值的排列顺序为:上(20px)、右(1em)、下(0)和左(10px)。同样如果4个内边距一样的话,内边距也可以声明如下:
