html - 行高属性不适用于 tumblr 主题？

Question

所以基本上，在 this tumblr theme that I'm working on 上，我正在尝试让询问 block 不要间隔那么多。

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

Here's my code.

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

Answer 1

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

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

建议:

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

.question 上的

line-height 现在应该可以工作了。