line-height 属性可以设置一段文字的行高，如果想设置两行文字间隔比较大的话，就可以用这个属性来设置，当然我们也可以用margin-top, margin-bottom来设置。
我们先看一个例子：
<html>
<head>
<style type="text/css">
p.big {line-height: 105px;
margin-top: 32px}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落,21 px。
</p>
<p class="big">
这个段落拥有更小的行高, 105 px。
</p>
<p>
这个段落拥有更大的行高, 21 px。
</p>
</body>
</html>
这三行文字，第一行和第三行文字采用默认CSS属性，但第二行文字我们设置了line-height 和margin-top属性，渲染出的页面如下：
我们看到这行文字的高度为105px， 因为设置了margin-top 所以离第一行文字要比离第三行文字比较远，远16px。
251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
