html - 行高继承

Question

我无法更改在正文中定义的跨度元素行高(我尝试使用 !important，以及不同的行高表示法，包括字体/行高)。这是代码:

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

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

问题显然是我的 span line-height 是 1.5

关于该 Web 开发工具的更多信息并未显示从 body 继承的内容涵盖了它(然后它在 Web 开发工具中交叉了)。该网站上也有很多代码，但我认为它无论如何都不会影响行高(因此粘贴它会产生很多垃圾邮件)。

编辑:我发现的一件有趣的事:当我应用大于 2 的行高时，它开始应用到跨度上。

Answer 1

在 block 容器上设置 line-height，而不是在 span 上。对于 span，或者一般来说对于不可替换的内联元素，内容区域的高度取决于字体和浏览器，并且通常对 descenders 和 ascenders 做出规定；见10.6.1 Inline, non-replaced elements在 CSS 2.1 规范中。

即使对于 div 元素或其他 block 元素，用户设置也可能会阻止将高度调整到 9px 的机会，例如将最小字体大小设置为更大的值(用户选项Firefox；不能被作者覆盖)。

我不知道你是如何推断行高的，但我的 Firebug 说，对于根据你的示例构建的文档，计算出的行高为 9px，但在布局 Pane 中，高度为 13px。这是正常的，符合 CSS 2.1 原则。