css – 为什么我不能减少这个文本的行高?

前端之家收集整理的这篇文章主要介绍了css – 为什么我不能减少这个文本的行高?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/mJxn4/

这是非常奇怪的:我有一些文字包裹在< em>标签。不管我做什么,将line-height的值降低到17px以下都没有效果。我可以将线高度高达17像素,它将适用,但我不能低于17像素。

所涉及的CSS是:

#others .item em {
    font-size: 13px;
    line-height: 17px;
}

尝试调整线高度的更高和更低,并在每次更改后运行更新的小提琴,你会看到我的意思。

为什么会这样?没有在CSS中的任何其他地方指定line-height,所以没有任何东西覆盖它。这样做不可能,因为我正在同一个选择器中调整线高度,所以没有意义的是应用更高的值,但是较低的值将被覆盖。

解决方法

因为em标签是内联的,其行高不能低于其父div。

例如,如果您将父级的线高设置为10px,那么您可以将em标签的线高减小到10px。

猜你在找的CSS相关文章