<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用数值来设置行间距</title>
<style type="text/css">
p.small {
line-height: 0.5
}
p.big {
line-height: 2
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。 默认行高大约是 1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。
</p>
</body>
</html>
段与段之间的间距是有margin来控制的。{margin:上面间距 右边间距 下边间距 左边间距} 举个例子吧,div{margin:10px 0px 10px 20px}
上面间距: 10px
右边间距: 0px
下边间距: 10px
左边间距: 20px
希望对你有帮助， 龙信
line-height是改变一大段文字里，每一行的距离的。有3种设定行高的方法：
数字
长度单位
比例
用数字设行距
B { font-size: 12pt
line-height: 2 }
当你用数字设定行高的时候，浏览器将利用字号来确定行距：它将字号乘以设定的参数值。所以，在本例中，行高将是24点。
用长度单位设定行距
B { font-size: 12ptline-height: 11pt }
（em及pt是最常用的长度单位）
用比例设定行距
B { font-size: 10ptline-height: 140% }
在本例中，行距是长度10points的140％，即14points。
