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

Question

所以基本上，在this tumblr theme that I'm working on上，我试图让问题块不要那么多。

看看页面上的问题框中，只有问题的行间距比页面上其他文字大得多？我尝试使用line-height属性无济于事，我也试过摆弄字体大小。我不是那些经验丰富的代码，所以我希望也许有人会发现我正在制造某种非常粗心的错误，而这种错误是如此愚蠢我没想过要找到它？

Here's my code.

我用来问我的div是.ask-post，.question和.answer。我很确定他们也受到了我所做的其他改动的影响，但我还没有看到任何改变..无论如何，是的。请帮忙！我真的很感激。 ＆LT; 3

Answer 1

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

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

建议：

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

<{1}}上的{p> line-height现在可以正常工作。