firefox - 使用斜体时line-height和实际高度冲突

Question

我有以下问题:

我有一个行高为 18 像素、字体大小为 16 像素的 span 元素。 当里面的文本不是斜体时，这很有效；跨度保持 18 像素高。

当 span 中的文本为斜体或粗体时，就会出现问题。由于某种原因，跨度元素的高度增加了一个像素，我得到了一个 19 像素高的跨度。

此问题仅在 firefox 上出现。 IE、Safari、Opera 和 Chrome 没有这个问题。无论如何，跨度都保持 18 像素高。

有没有人遇到过这个问题？

这是有问题的代码:

span
{
  font-size : 18px ;
  line-height : 18px ;
}

span.italicSpan
{
  font-style : italic;
}

这里有一个例子:

http://edincanada.co.cc/test/shjs-0.6/test7.html

如果您愿意，请检查其他浏览器。您会注意到 span 元素保持 18 像素高，因为它们应该根据 line-height: 18px

Answer 1

您不能调整行内元素的行高。您需要将其 float ，或将其设置为 display: block 或 display: inline-block。