css中的line-height
浏览数：15 /
时间：2015年06月09日
之前用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是可继承的，可以只设置父元素，这样看起来比较统一。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
