css - コンテナの余白

Question

余白を右に残さない方法を知りたいです。つまり、コンテナ全体を画像で埋めたいのですが、画像の間にスペースを空ける必要があります。を使用してmargin-rightいます。つまり、問題があります。これを行う別の方法はありますか？

写真：

Answer 1

次のcssスタイルを使用して、4番目の要素ごとに右マージンを削除できます。

#container img:nth-child(4n+4) {  
    margin-right: none;
}

Answer 2

これは Marcins awnser とほぼ同じですが、CSS3 nth-child セレクターをサポートしていないブラウザーでも機能します。

最後の要素にクラスを配置し、そのクラスから右の境界線を削除します

.you_class {  
    margin-right: none;
}

これにより、古いブラウザでも動作するはずです

または、4 x 3 の個別の画像がある場合。

それらにクラスを与えるか、それらをコンテナーに投げて、画像に直接スタイルを設定します。

青い境界線を維持したい場合は色付きの境界線を与えるか、それらの間にスペースを空けるためにマージンを与えてください。