是否有specifing线高度的任何缺点(浏览器/设备不一致...)没有单位?
例:
body {
line-height: 1.5;
}
是否有specifing线高度的任何缺点(浏览器/设备不一致...)没有单位?
例:
body {
line-height: 1.5;
}
在大多数情况下,它实际上最好使用无单位的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
。