DIV内の画像の埋め込み/マージン

Question

[OK]をクリックします。私は最近、このウェブサイトをいくつか更新しました。インデックスページ上の画像のマージンとパディングが変更されたようですいくつかのマイナーな変更を行う際に

http://annberingerart.com/index.php

。私は、一定のマージンだけでなく、すべての画像間で垂直方向と水平方向の両方に均等なパディングをしたいと思います。

さらにSafari 5がインストールされた友人のMACでウェブサイトを表示していましたが、変更を加える前の状態に戻すことができなかったため、ラッパー全体が縮小してしまいました。

FirebugのCSSを見てみると、ここに400行以上のCSSを投稿するには時間がかかり過ぎます。

すべての批判は大歓迎ですが、私は主にこの問題の解決方法に関するアドバイスを求めています。

Answer 1

画像がインライン要素（インラインブロックのようなもの）なので、横余白はスペース/改行によって発生します。

イメージを浮動させると、スペース/改行の幅に依存するのではなく、正確なマージンをより詳細に制御できます。

あなたの問題を解決するために、あなたの可能性：画像が左

• フロート。
• ラッパーに左パディング、右パディングなし、およびoverflow:hiddenを与えます。
• すべての画像に右パディング（ラッパーの左パディングと同じ）を指定します。