html - 下推第n张图片

Question

我有 4 个图像元素，我想在元素 nr 之后下推所有元素。 2

所以不是得到:

| | | |

我会得到:

| |
| |

我正在使用 img:nth-child(2) 来定位元素，它确实有效。但是我无法将以下元素向下推。我以为 clear: right 会这样做，但它不起作用。

这是我的 fiddle : http://jsfiddle.net/zXteb/

Answer 1

您必须 float 图像才能使 clear 工作:

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

div img:nth-child(2n+1) {
    clear: left;
}

http://jsfiddle.net/zXteb/1/