缺点行高没有单位?(Drawbacks to line-height without unit?)

2019-07-29 13:34发布

是否有specifing线高度的任何缺点(浏览器/设备不一致...)没有单位?

例:

body {

    line-height: 1.5;
}

Answer 1:

在大多数情况下,它实际上最好使用无单位的line-height - 见

  • http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
  • https://developer.mozilla.org/en/CSS/line-height -看到他们展示一个例子音符

当然,也有例外。 浮现在脑海的第一个是当你有一个块元素与已知的 height ,并在其文本的一行 ,并要垂直居中这行文字-我发现,这样做最简单的方法是使用line-height这等于所述height的块元件的。


[以防万一,任何人谁不知道这是怎么回事用无单位的line-height 。]

假设你有一个元素font-size: 14px 。 这不要紧,它被设置,无论是继承或没有,如果你自己设置它或将它从用户代理样式表来了。 该元件具有font-size: 14px

现在,如果你设置,让我们说line-height: 1.5的相同的元素,这将转化为像素为1.5 * 14px的= 21px。 所以,你的计算机line-height将是21px



文章来源: Drawbacks to line-height without unit?