使用样式表来设置左间隙属性

主题

如何创建设置左边距和文本之间的距离？
在html使用样式表来设置左间隙?

解释

属性: 左填充

用法:
padding-left: 10px;
padding-left: 10pt;
padding-left: 10%;
padding-left: auto;

定义:

这是用来设置对象的左间隙。
属性可以取以下的值。
a)pt:以点为单位设置属性值(例如:10pt或者100pt)。
b)px:以像素为单位设置属性值(例如:10px或者100px)。
c)%:以百分数为单位设置属性值(例如:10%或者100%)。
d)auto:这是用于设置自动边距。

示例1:

<div style="padding-left: 20px;">测试左填充</div>

结果:

测试左填充

注意: 边距和间隙的不同之处在于：间隙属性值是在对象范围内设置的，而边距属性值是指整个对象与附近对象的距离。

示例2:

<div style="padding-left: 30pt;">测试左填充</div>

结果:

测试左填充

示例3:

<div style="padding-left: 10%;">测试左填充</div>

我们不建议使用这个，因为它可能会导致问题的几个浏览器，如IE浏览器

示例4:

<div style="padding-left: auto;">测试左填充</div>

结果:

测试左填充