行高继承

Question

我无法改变我在主体中定义的span元素行高(我尝试过使用!important,以及不同的行高表示法,包括font/line-height).这是代码:

body {
    font: 16px/1.5 Arial, Helvetica, sans-serif;
}

.pageBody.oferta > .cnt .columns ul span {
    font-size: 9px;
    line-height: 1;
}

问题显然是我的跨度行高为1.5

更多的Web开发工具没有显示从body继承它(它在web开发工具中交叉).网站上也有很多代码,但我认为它无论如何都不会影响行高(因此粘贴它会产生很多垃圾邮件).

编辑:有趣的事情我发现:当我应用大于2的行高时,它开始应用于跨度.

Answer 1

设置line-height在块容器上,而不是打开span.对于span或通常,对于未替换的内联元素,内容区域的高度取决于字体和浏览器,并且通常为下降器和上升器提供条件; 请参阅CSS 2.1规范中的10.6.1内联,未替换元素.

即使对于div元素或其他块元素,用户设置也可能会阻止将高度调低到9px的可能性,例如将最小字体大小设置为更大(Firefox上的用户选项;作者无法覆盖).

我不知道你是如何推断线高的,但是我的Firebug说,对于一个根据你的例子构建的文件,计算出的线高为9px,但在布局窗格中,高度为13px.这是正常的,通过CSS 2.1原则.