CSS:line-height:行高

 

行高=文字尺寸+行距；

一般情况下，浏览器默认的line-height为1.2。可以自定义 line-height 覆盖这个初始值，那么该怎样设置line-height呢？有以下5种方式：

值	描述
normal	默认。设置合理的行间距。
number	设置数字，此数字会与当前的字体尺寸相乘来设置行间距，即number为当前font-size的倍数。
length	设置固定的行间距。不会随着文字大小变化
%	基于当前字体尺寸的百分比行间距。
inherit	规定应该从父元素继承 line-height 属性的值。

     一般来说设置为1.5e之类的最好，行高可以根据自己缩放而改变

设置方式	line-height	计算后的line-height	子元素继承的line-heightinherit
inherit	父元素的line-height值	不用计算	父元素的line-height
length	20px	不用计算	20px
%	120%	自身font-size (16px) * 120% = 19.2px	继承父元素计算后的line-height值 19.2px，而不是120%
normal	1.2	自身font-size (16px) * 1.2 = 19.2px	继承1.2，line-height = 自身font-size(32px) * 1.2 = 38.4px
纯数字	1.5	自身font-size (16px) * 1.2 = 19.2px	继承1.5，line-height = 自身font-size(32px) * 1.5 = 48px