Line-height 属性不适用于 tumblr 主题？

Question

所以基本上，在this tumblr theme that I'm working on 上，我正试图让请求块不留太多空间。

在页面上的询问框中，仅针对问题的行间距如何比页面上的其余文本大得多？我试过使用 line-height 属性无济于事，我也试过摆弄字体大小。我对代码没有那么丰富的经验，所以我希望也许有人会看到我犯了某种非常粗心的错误，这太愚蠢了，我没想到会发现它？

Here's my code.

我用于询问的 div 是 .ask-post、.question 和 .answer。我很确定他们也受到我所做的其他修改的影响，但我还没有看到任何......无论如何，是的。请帮忙！我真的很感激。

Answer 1

首先，你在滥用!important。只有在运行时应用样式时才使用它，即使那样，也应该尽可能避免使用它们。您不必要地破坏了 CSS 的层次结构，这是模块化的一大损失。这就像在程序中有一个“goto”。如果您在整个地方都使用!important，那么您的 HTML 元素上也可以使用style=...。

其次，line-height 不适用于“问题”div，因为您使用的是display: inline，并且浏览器会忽略换行问题。这仅适用于块元素。因此，您需要以不同的方式影响从左到右的流程。

建议：

• 删除display: inline 并在.asker 上添加float: left。
• 删除.question上的display: inline。
• 在.qa-post 上添加overflow: hidden。

.question 上的line-height 现在应该可以工作了。