左边距,使用样式表来创建更大的边距

主题

在html中使用样式表如何在表格的左边创建较大的边距?

解释

属性: 左边距

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

定义:

我们经常会对目标设置边距。现在我们来设置目标的左边距。
属性可以取以下的值。
a)pt:以点为单位来设置属性值(例如:10pt或者100pt)。
b)px:以像素为单位来设置属性值(例如:10px或者100px)。
c)%:以百分数为单位来设置属性值(例如:10%或者100%)。
d)auto:这是用来设置自动/默认边距。

示例1:

<div style="margin-left: 20px;">测试左保证金</div>

结果:

测试左保证金

注意:你可以看到我呢本从左边移动了20像素。

示例2:

<div style="margin-left: 30pt;">测试左保证金</div>

结果:

测试左保证金

注意:你可以看到文本从左边移动了30点。

示例3:

<div style="margin-left: 10%;">测试左保证金</div>

结果:

测试左保证金

注意:你可以看到文本从左边移动了10％。

示例4:

<div style="margin-left: auto;">测试左保证金</div>

结果:

测试左保证金

CSS层叠样式表左边距