css line-height总结

line-height定义

http://www.w3school.com.cn/cssref/pr_dim_line-height.asp

前端大牛的解释

https://www.cnblogs.com/qiangspecial/p/4126842.html

这里有两点注意:

1.  "原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值"

line-height是可以继承的, 如果父节点的line-height设置的是非Number类型, 字节点继承的将是一个父节点已经计算好的绝对值; 如果字节点也需要用一个相对值, 父节点需要设置为Number类型, 即缩放因子

 

2.

number	设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
%	基于当前字体尺寸的百分比行间距。

字体尺寸, 而不是字体高度, 例如:

line-height: 100%, 上图上下两行的"x"之间有空隙, 但是下图"g"和"l"实际是紧挨着的