0

所以基本上,在我正在研究的这个 tumblr 主题上,我试图让请求块不留太多空间。

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

这是我的代码。

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

4

1 回答 1

0

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

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

建议:

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

line-heighton.question现在应该可以工作了。

于 2013-07-12T19:09:35.223 回答