在没有单位的情况下指定行高是否有任何缺点（浏览器/设备不一致......）？
例子：
body {
line-height: 1.5;
}
问问题
5066 次
1 回答
27
在大多数情况下，实际上最好使用无单位行高 - 请参阅
- http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
- https://developer.mozilla.org/en/CSS/line-height - 查看他们展示示例的注释
当然，也有例外。想到的第一个是当你有一个已知 height的块元素并且其中有一行文本并且你想垂直居中该行文本 - 我发现最简单的方法是使用 a line-heightthat's等于height块元素的。
[以防万一，对于任何不知道与 unitless 有什么关系的人line-height。]
假设您有一个带有font-size: 14px. 不管它是在哪里设置的，它是否被继承，是你自己设置还是来自用户代理样式表。该元素具有font-size: 14px.
现在，如果您设置，假设line-height: 1.5对于相同的元素，这将被转换为像素为1.5 * 14px = 21px。所以你的计算line-height将是21px.
于 2012-05-26T11:19:52.960 回答