H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



使用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号线




一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com