无障碍 – 没有单位的线高度的缺点?

前端之家收集整理的这篇文章主要介绍了无障碍 – 没有单位的线高度的缺点?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有任何缺点(浏览器/设备不一致…)指定行高没有单位?

例:

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.

猜你在找的CSS相关文章