html - 由于额外的 margin ，阻止框中断到下一行？

Question

不确定这是否可能，但我认为值得一问。

我想做的是通过我的 PHP 脚本轻松创建框，我不必检查每个框 (.boxes) 属于哪一列、哪一行等。我只是希望能够对框执行 foreach 循环，然后 echo 它们。

这就是我所说的:http://jsfiddle.net/LUFFP/4/

在那个例子中，你可以看到我试图让 wrapper (#main) 忽略 margin-right，并且每行有两个框，右边没有额外的空间，而不必为每个其他 DIV 分配不同的类。

感谢任何帮助。

Answer 1

您可以使用 nth-of-type(2n) 定位所有其他 div。然后将右边距设置为零。

http://jsfiddle.net/LUFFP/5/

.boxes_3:nth-of-type(2n) { margin-right: 0px; }