关于css的行高line-height属性

行间距：控制两行文字垂直的距离，css中，line-height被用来控制行与行之间垂直距离。

行间距与半行间距，取决于CSS中的line-height。
默认状态，浏览器使用1.0-1.2line-height,这是一个初始值。

可以用5种方式定义line-height:

1.line-height可以被定义为：body{line-height:normal;}

2.line-height可以被定义为：body{line-height:inherit;}

3.line-height可以使用一个百分比的值body{line-height:120%;}

4.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}

5.line-height也可以被定义为纯数字， body{line-height:1.2}

line-height的缩写方法：   

上面5种line-height写法，可以在font属性中缩写。line-height的值紧跟着font-size值使用斜杠分开，如：<font-size>/<line-height>

 

实例：body{font:100%/normal  arial;} , body{font:100%/120%  arial;} ,body{font:100%/1.2  arial;}  ,body{font:100%/25px  arial;}

计算line-height:

     说明：有些CSS属性是可继承的（inherited），从层叠的元素里传递下来。这样做是为了方便开发者，不再为后代元素重新设值。对于line-height继承有点复杂。

     

1、百分比

 

 

2.长度

 

 

 

3 值：normal

 

 

 

 

4 纯数字

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

注：实战应用在中文字体或中英文字体混合，以及IE678，XP win7里，行高规则又有所不同。

原文：http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html