使用CSS层叠样式表设置行间距
在html中使用css层叠样式表如何设置行间距?
我想让行之间有较大的间距,如何实现?
解释
属性: 线高度
用法:
line-height: 1cm; line-height: 40px; line-height: 40pt; line-height: 200%; 定义:
这是用来设置行间距。
属性可以取以下的值。
a)cm:行间距以厘米为单位来设置,例如:1cm或者2cm等...
b)px:行间距以像素为单位来设置,例如:1px或者10px等...
c)pt:行间距以点为单位来设置,例如:1pt或者10pt等...
d)%:行间距以百分数为单位来设置,例如:200%或者500%等....如果是100%意思就是原来的行间距。
示例1: <div style="background-color: RosyBrown;
line-height: 1cm;">
测试线高度- 1号线 <br>
测试线高度- 2号线 <br>
</div>
结果: 测试线高度- 1号线
测试线高度- 2号线
示例2: <div style="background-color: RosyBrown;
line-height: 80px;"> 测试线高度<br>
测试线高度- 2号线 <br>
</div>
结果: 测试线高度
测试线高度- 2号线
示例3: <div style="background-color: RosyBrown;
line-height: 20pt;"> 测试线高度<br>
测试线高度- 2号线<br>
</div>
结果: 测试线高度
测试线高度- 2号线
示例4: <div style="background-color: RosyBrown;
line-height: 200%;"> 测试线高度<br>
测试线高度- 2号线 <br>
</div>
结果: 测试线高度
测试线高度- 2号线