为什么我不能减少这个文本的行高?(Why can't I decrease the line

2019-08-01 09:11发布

http://jsfiddle.net/mJxn4/

这是非常奇怪:我有包裹在一个文本的几行<em>标签。 无论我做什么,降低值line-height以下知识+没有任何影响。 我会碰到了line-height 比知识+更大,它会申请,但我不能让它比知识+低。

有问题的CSS是:

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

尝试调整行高较高和较低,每次更改后运行更新的小提琴,你会明白我的意思。

为什么会这样? 无line-height指定的其他地方,CSS,所以没有什么是压倒一切的。 这可能不是这样呢,因为我调整line-height 上下相同的选择范围内 ,所以也没有什么意义,较高的值将适用,但较低的值会得到覆盖。

Answer 1:

由于em标签内联和行高不能比其父低div

例如,如果你设置父的行高为10px,那么你就可以线高度降低em标签为10px为好。



Answer 2:

为了使线-height属性工作,DIV应该有显示属性等于方框

.app-button-label{
    line-height: 20px;
    display: block;
 }


Answer 3:

我面临这个问题的div移动视图 - 行高度是太大了和行高是行不通的! 我设法让它通过添加“显示:块”的工作,每建议在这里: 为什么不是CSS属性“的line-height”让我做紧线空间在Chrome?

希望这可以帮助任何人在面对未来同样的问题



Answer 4:

你似乎可以用normalized css中的jsfiddle选项- 这等同于CSS规则重置 -阿拉http://meyerweb.com/eric/tools/css/reset/

您可以重置复位,或使用不同的复位,如果你真的需要它。

在这里看到更多的细节:

http://sixrevisions.com/css/a-comprehensive-guide-to-css-resets/



Answer 5:

做到这一点的最好办法是使用CSS复位。

自己写的,或使用流行的一个样

http://meyerweb.com/eric/tools/css/reset/



Answer 6:

最简单的方法是指定具有更高优先级的线高度,例如,你可以写:行高:14px的重要;!

如果仍然没有工作在设置高优先级两种情况:你的U想减小行高(内联CSS),也把主体中的CSS ..记得高优先级(重要;!),因为它覆盖其他未知的CSS规则。

希望这可以帮助

艾哈迈德



文章来源: Why can't I decrease the line-height of this text?
标签: css em