在没有单位的情况下指定行高是否有任何缺点(浏览器/设备不一致...)?
Example:
body {
line-height: 1.5;
}
在大多数情况下,使用无单位行高实际上更好 - 请参阅
- http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-
https://developer.mozilla.org/en/CSS/line-height https://developer.mozilla.org/en/CSS/line-height- 请参阅注释,其中显示了示例
当然,也有例外。第一个想到的是当你有一个块元素时known height
与其中一行文字并且您想要将该行文本垂直居中 - 我发现最简单的方法是使用line-height
这等于height
块元素的。
[以防万一,对于那些不知道无单位是怎么回事的人line-height
.]
假设你有一个元素font-size: 14px
。它在哪里设置,无论是否继承,无论是您自己设置还是来自用户代理样式表,都无关紧要。该元素有font-size: 14px
.
现在,如果你设置了,那么我们说line-height: 1.5
对于相同的元素,这将被转换为像素1.5 * 14 像素 = 21 像素。所以你计算出的line-height
将21px
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)