圖像對齊（橫跨2和橫向4）

Question

在div中對齊圖像的正確方法是什麼？我希望它是兩個橫跨和四個下來之間約10px分離（垂直和水平）。

謝謝！

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; 
} 

的第n個孩子選擇不會永遠工作在舊的瀏覽器。爲了向後支持，您應該將類​​應用於右列中的圖像，然後將其添加到選擇器中。例如：

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