0

基本的に、私が取り組んでいるこのtumblrテーマでは、askブロックがそれほどスペースを空けないようにしようとしています.

ページの質問ボックスで、質問の行間隔だけが、ページの残りのテキストよりもはるかに大きいことがわかりますか? line-height プロパティを使用して無駄にしようとしました。また、フォント サイズをいじってみました。私はコードの経験が豊富ではないので、誰かが私がある種の本当に不注意な間違いを犯していることに気付くことを望んでいました。

これが私のコードです。

質問に使用した div は、.ask-post、.question、および .answer です。私が行った他の変更によっても影響を受けたと確信していますが、まだ何も見ていません.. とにかく、ええ。助けてください！本当にありがたいです。<3

4

1 に答える 1

0

まず第一に、あなたは悪用して!importantいます。これは実行時にスタイルが適用される場合にのみ使用し、その場合でも可能であれば避ける必要があります。CSS の階層的な性質を不必要に破っています。これは、モジュール性の大きな損失です。プログラム内に「goto」があるようなものです。あらゆる場所でstyle=...使用する場合は、HTML 要素を使用することもできます。!important

第二に、line-heightあなたが使用display: inlineしていて、ブラウザが折り返された行の問題を無視するため、「質問」divには適用されません。これはブロック要素内でのみ機能します。したがって、左から右への流れを別の方法で行う必要があります。

提案：

  • 削除display: inlineして追加float: leftし.askerます。
  • で削除display: inlineし.questionます。
  • を追加overflow: hiddenし.qa-postます。

line-heightで動作する.questionはずです。

于 2013-07-12T19:09:35.223 に答える