使用斜体时线高与实际高度之间的冲突

Question

我有以下问题:

我有一个span元素,行高18px,字体大小16px.当里面的文字不是斜体时,这很有用; 跨度仍然是18像素高.

当跨度内的文本以斜体或粗体显示时,会出现问题.由于某种原因,span元素的高度增加了一个像素,我获得了19像素的高跨度.

这个问题仅在firefox上.IE,Safari,Opera和Chrome没有这个问题.无论如何,跨度仍保持18像素高.

以前有人有过这个问题吗？

这是违规的代码:

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

span.italicSpan
{
  font-style : italic;
}

这里有一个例子:

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

Answer 1

您无法调整内联元素的行高。您需要将其浮动，或将其设置为display: block或display: inline-block。