0

1 つの div の下に 2 つの画像を追加しようとしましたが、希望どおりに表示されません。

画像の間にスペースを入れたいのですが、それは起こっていません。

これがcssです。

.sidebarBody {
    text-align:center;
    padding: 5px;
}

これが HTML です。

<div class='sidebarBody'>
    <img src="r.gif" />
    <img src="s.gif" />
</div>

パディングがすべての面で機能しないのはなぜですか? 2 番目の画像は、最初の画像の直後にスペースなしで表示されます。

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

2

CSS は画像の周りにパディングを配置せず、囲みを行うように指示するだけ<div>です。以下を使用します。

.sidebarBody img {
   text-align:center;
   padding: 5px;
}

.sidebarBodyこれは、 (div クラス)内のすべての画像に 5px のパディングを追加するようブラウザに指示します。

于 2012-07-23T18:53:05.103 に答える