html - 画像の配置 (横に 2 つ、下に 4 つ)

Question

div で画像を整列する適切な方法は何ですか。間に約10pxの間隔（垂直と水平）を置いて、横に2つ、下に4つにしたい。

ありがとうございました！

Answer 1

ここに jsfiddle があります: http://jsfiddle.net/Jolora/cZGfb/

div {
    width: 210px;
}

div img {
    float:left;
    margin-right: 10px;
}

div img:nth-child(2n) {
    margin-right: 0;
}

nth-child セレクターは、古いブラウザーでは常に機能するとは限りません。後方サポートのために、右側の列の画像にクラスを適用し、それをセレクターに追加する必要があります。例えば：

div img:nth-child(2n), div img.yourClass {
    margin-right: 0;
}