之前用line-height一直都是为了让文字居中，今天又重新学习了一下。

line-height，故名思议：行高。

设置行高会影响行框，行框就是line-height减去font-size的值平均分配到文字的顶部和底部，这就是为什么设置line-height与height相同的时候，就垂直居中的原因。

看下图，蓝色部分就是行框了。字体大小是18px，line-height设置的是36px。

line-height取值： 1）默认为normal

　　　　　　　　  2）number，此数字会与当前的字体尺寸相乘来设置行间距。

　　                   3）length，设置固定的行间距。

　　　                4）%百分比，基于当前字体尺寸的百分比行间距。和数字差不多，设置200%和设置数字2一样。

　　　                5）inherit，任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

line-height在各个浏览器的解析会有不同，但应该差距不多，ie6就不讨论了。

另外line-height是可继承的，可以只设置父元素，这样看起来比较统一。