我正在测试行高属性。以%为单位的行高是相对于什么?
行高:正常; 线高: 1.6; 线高: 80%;%是相对于什么?
指定为百分比%
line-height
将相对于元素的计算字体大小。
这在 MDNline-height
文档中得到了很好的回答(带有示例(:
normal
取决于用户代理。桌面浏览器(包括 Firefox(使用大约1.2的默认值,具体取决于元素的
font-family
。
<number>
(无单位(使用的值是这个无单位
<number>
乘以元素自己的字体大小。计算值与指定的<number>
相同。在大多数情况下,这是设置line-height
并避免由于继承而导致意外结果的首选方法。
<length>
指定的
<length>
用于计算行框高度。以em
单位给出的值可能会产生意外的结果。
<percentage>
相对于元素本身的字体大小。计算值是此值<percentage>
乘以元素的计算字体大小。百分比值可能会产生意外的结果(请参阅下面的第二个示例(。
CSS 级别 2(修订版 1(的规范中也是如此:line-height
。