百分数值是相对付其父元素的 width 合计的,这一点和外边距同样。以是,若是父元素的 width 扭转,它们也会改动。
上面这条规定把段落的内边距配置为父元素 width 的 10%:
p {padding: 10%;}
例如:假如一个段落的父元素是 div 元素,那么它的内边距要根据 div 的 width 计较。
<div style="width: 200px;"> <p>This paragragh is contained within a DIV that has a width of 200 pixels.</p> </div>
留心:凹凸内边距与支配内边距差别;即凹凸内边距的百分数会相对于付父元素宽度设置装备摆设,而不是相对付高度。
CSS 内边距实例:
- 一切内边距属性在一个申明中
- 本例演示应用简写属性将一切的内边距属性设置装备摆设于一个声明中,或是有一到四个值。
- 配置下内边距 1
- 本例演示若何运用厘米值来设置装备摆设单位格的下内边距。
- 配置下内边距 2
- 本例演示如何运用百分比值来配置单元格的下内边距。
- 设置装备摆设左内边距 1
- 本例演示若何应用厘米值来配置单位格的左内边距。
- 配置左内边距 2
- 本例演示如何应用百分比值来设置单位格的左内边距。
- 设置右内边距 1
- 本例演示如何使用厘米值来配置单元格的右内边距。
- 设置装备摆设右内边距 2
- 本例演示如何应用百分比值来设置装备摆设单位格的右内边距。
- 配置上内边距 1
- 本例演示如何使用厘米值来设置单元格的上内边距。
- 设置上内边距 2
- 本例演示若何应用百分比值来配置单位格的上内边距。
CSS 内边距属性
属性 | 刻划 |
---|---|
padding | 简写属性。感导是在一个申明中配置元素的所内边距属性。 |
padding-bottom | 设置装备摆设元素的下内边距。 |
padding-left | 设置装备摆设元素的左内边距。 |
padding-right | 设置装备摆设元素的右内边距。 |
padding-top | 配置元素的上内边距。 |
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-texiao/texiao51664.shtml