首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 开源 FAQ 第二书店 博文视点 程序员
频道: 研发 数据库 中间件 信息化 视频 .NET Java 游戏 移动 服务: 人才 外包 培训
    图书品种:235680
       
热门搜索: ASP.NET Ajax Spring Hibernate Java

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个内边距一样的话,内边距也可以声明如下:

查看所有评论(0)条】

最近评论



正在载入评论列表...
热点评论