我已将 SPAN 包装到另一个 SPAN 中:
<span id="outer">
<span id="inner">
Some long text
</span>
</span>
和 CSS:
#outer {
font-size: 20px;
font-family: 'Times New Roman';
line-height: 30px;
}
#inner {
font-family: 'Times New Roman';
}
此变体在 Opera、Safari、Chrome、FF 中呈现完全相同。文本以 30px 行高准确呈现。
如果外部 SPAN 设置了另一个字体系列,例如 Arial:
#outer {
font-size: 20px;
font-family: 'Arial';
line-height: 30px;
}
- Crome 和 Safari 将文本呈现为 31px 行高。
- FF - 30.5px 行高
- Opera - 30px(如预期的那样)
为什么会发生这种情况?
注意:此标记和样式由用户在所见即所得编辑器中创建。