2

間にスペースがある2本の線があります。以下のように....

 <h2> Something Something <h2>



 <h4> Something here too </h4>

私はそれをこのように見せたい：

 <h2> Something Something <h2>
 <h4> Something here too </h4>

スペースはブラウザに表示されます。わかりやすくするためにタグを使用しました。

ここに画像の説明を入力してください

オレンジ色の長方形内のスペースを減らす方法は？

4

5 に答える 5

7

まず、ヘッダー要素のとが0であることを確認しますpadding。margin

その後、line-height値を調整して、必要なスペースを確保できます。例： http： //jsbin.com/afivoq/4/edit

あなたのための別のオプション！margin-top次のように、他のヘッダー要素に続くヘッダー要素にネガティブを適用できます。

h2 + h4 { margin-top: -20px; }

更新された例については、jsbinを参照してください。

于 2012-09-14T18:07:16.970 に答える
1

2 番目<h2>は終了タグではない</h2>ため、余分な H2 要素を追加します。Firebug がインストールされたこの例も見てください。Firebug にはLayoutと呼ばれる機能があり、スペースがどこから来ているかを示します。

ここに画像の説明を入力

于 2012-09-14T18:12:59.583 に答える
1

他の誰もが言っているように、ヘッダータグのマージンとパディングをリセットすることは素晴らしいスタートです. CSS を学んでいる人に私ができる最善のアドバイスは、chrome を入手することです。

変更する要素を右クリックし、[要素の検査] をクリックします。右側では、CSS をオンザフライで変更できます。次に、結果をコピーしてアプリケーションに貼り付けることができます。Chrome には、CSS コードを保存する機能もあります。

于 2012-09-14T18:20:17.660 に答える
1

すべてのパディングとマージンを 0 に設定します。

h4, h2 { padding:0; margin:0; }

これはコードを単純化しすぎている可能性が高いですが、これで問題は解決します。

于 2012-09-14T18:05:02.187 に答える
1

CSS に追加します。

h2{
    margin-bottom: 10px; //something smaller
}
h4 {
    margin-top: 10px; //Whatever you like
}
于 2012-09-14T18:05:41.217 に答える