http://jsfiddle.net/mJxn4/
这是非常奇怪:我有包裹在一个文本的几行<em>
标签。 无论我做什么,降低值line-height
以下知识+没有任何影响。 我会碰到了line-height
达比知识+更大,它会申请,但我不能让它比知识+低。
有问题的CSS是:
#others .item em {
font-size: 13px;
line-height: 17px;
}
尝试调整行高较高和较低,每次更改后运行更新的小提琴,你会明白我的意思。
为什么会这样? 无line-height
指定的其他地方,CSS,所以没有什么是压倒一切的。 这可能不是这样呢,因为我调整line-height
上下相同的选择范围内 ,所以也没有什么意义,较高的值将适用,但较低的值会得到覆盖。
由于em
标签内联和行高不能比其父低div
。
例如,如果你设置父的行高为10px,那么你就可以线高度降低em
标签为10px为好。
为了使线-height属性工作,DIV应该有显示属性等于方框
.app-button-label{
line-height: 20px;
display: block;
}
我面临这个问题的div移动视图 - 行高度是太大了和行高是行不通的! 我设法让它通过添加“显示:块”的工作,每建议在这里: 为什么不是CSS属性“的line-height”让我做紧线空间在Chrome?
希望这可以帮助任何人在面对未来同样的问题
你似乎可以用normalized css
中的jsfiddle选项- 这等同于CSS规则重置 -阿拉http://meyerweb.com/eric/tools/css/reset/
您可以重置复位,或使用不同的复位,如果你真的需要它。
在这里看到更多的细节:
http://sixrevisions.com/css/a-comprehensive-guide-to-css-resets/
做到这一点的最好办法是使用CSS复位。
自己写的,或使用流行的一个样
http://meyerweb.com/eric/tools/css/reset/
最简单的方法是指定具有更高优先级的线高度,例如,你可以写:行高:14px的重要;!
如果仍然没有工作在设置高优先级两种情况:你的U想减小行高(内联CSS),也把主体中的CSS ..记得高优先级(重要;!),因为它覆盖其他未知的CSS规则。
希望这可以帮助
艾哈迈德