之前用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是可继承的，可以只设置父元素，这样看起来比较统一。
css中的line-height,布布扣,bubuko.com
原文地址：http://www.cnblogs.com/zjzhome/p/3848921.html
