CSS教程：使用CSS控制文字行高
请看如下代码：分别是默认行高，90%行高及200%行高
<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
这是没有定义样式P默认的行高
这是没有定义样式P默认的行高
这是没有定义样式P默认的行高
这是没有定义样式P默认的行高
这是没有定义样式P默认的行高
这是没有定义样式P默认的行高
可能在不同浏览器中会有少许差别
</p>
<p class="small">
这是对行高进行定义后（比默认小）的P行高
这是对行高进行定义后（比默认小）的P行高
这是对行高进行定义后（比默认小）的P行高
这是对行高进行定义后（比默认小）的P行高
这是对行高进行定义后（比默认小）的P行高
这是对行高进行定义后（比默认小）的P行高
</p>
<p class="big">
这是对行高进行定义后（比默认大）的P行高
这是对行高进行定义后（比默认大）的P行高
这是对行高进行定义后（比默认大）的P行高
这是对行高进行定义后（比默认大）的P行高
这是对行高进行定义后（比默认大）的P行高
这是对行高进行定义后（比默认大）的P行高
</p>
</body>
</html>
当然，基中的90%及200%你也可以用像素做为单位或数值做为单位。大家可以修改运行查看效果。网站制作教程网提供