html - 图像对齐（2 横向和 4 向下）

Question

在 div 中对齐图像的正确方法是什么？我希望它是两横四下，中间有大约 10 像素的间隔（垂直和水平）。

谢谢！

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