CSS 菜鸟教程

CSS 盒子模型

CSS3菜鸟教程

CSS 参考手册

CSS @规则(RULES)

CSS line-height(行高)

CSS line-height行间距属性用于对元素中定义的线框的最小高度。它设置内容的两行之间的间距。

它定义了内联元素上方和下方的空间量。它允许您独立于字体大小来设置行的高度。

CSS行高值

line-height属性值与CSS line-height属性需一起使用。

描述
normal这是默认值。它指定法线高度。
number它指定一个数字,该数字与当前字体大小相乘以设置行高。
length它用于以px,pt,cm等设置行高。
%它以当前字体的百分比指定行高。
initial它将此属性设置为其默认值。
inherit它从其父元素继承此属性。

CSS行高示例

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h3.small {  
    line-height: 70%;  
}  
h3.big {  
    line-height: 200%;  
}  
</style>  
</head>  
<body>  
<h3>  
这是一个具有默认标准行间距的标题.<br>  
这是一个具有默认标准行间距的标题.<br>  
大多数浏览器中的默认行间距约为110%至120%.<br>  
</h3>  
<h3 class="small">  
这是一个行间距较小的标题.<br>  
这是一个行间距较小的标题.<br>  
这是一个行间距较小的标题.<br>  
这是一个行间距较小的标题.<br>  
</h3>  
<h3 class="big">  
这是一个具有较大行间距的标题.<br>  
这是一个具有较大行间距的标题.<br>  
这是一个具有较大行间距的标题.<br>  
这是一个具有较大行间距的标题.<br>  
</h3>  
</body>  
</html>
测试看看‹/›