有没有任何缺点(浏览器/设备不一致…)指定行高没有单位?
例:
body { line-height: 1.5; }
解决方法
在大多数情况下,实际上更好的是使用无单位线高度
> http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
> https://developer.mozilla.org/en/CSS/line-height – 看他们举例说明的注释
当然也有例外.第一个想到的是,当您有一个具有已知高度的块元素,并且其中包含一行文本,并且您希望将该行文本垂直居中 – 我发现最简单的方法是使用线高度等于块元素的高度.
[为了防止任何人不了解无单位线高的事情.]
假设你有一个包含font-size:14px的元素.如果您自己设置或来自用户代理样式表,则设置的位置(无论是否继承)并不重要.该元素具有font-size:14px.
现在,如果你设置,我们假设line-height:1.5为同一个元素,这将被翻译成像素为1.5 * 14px = 21px.所以你计算的线高将是21px.