实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.small{line-height:0.5;}
p.big{line-height:3;}
</style>
</head>
<html>
<body>
<h1>使用数值设置文本行距</h1>
<p class="small" >
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距<br/>
这是一段用数值设置的小行距
</p>
<p class="big">
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距<br/>
这是一段用数值设置的大行距
</p>
</body>
</html>
运行效果:
评论