javascript - 当达到最大高度时将 div 重新排列到右侧

Question

我有大量由 php 生成的小 div，当它们达到父 div 的最大高度时需要形成列。

<div class="parent">
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     <div class="child"></div>
     ...
</div>

都是22*22的正方形，需要堆叠在一个div中，max-height为115px，无限宽，bottom和right margins为1。当5排成一列时，第6个需要在右边第一。

我在别处读到这只能通过 js 实现，我该怎么做呢？而且不加列系统真的不能通过css吗？

Answer 1

.parent .child:nth-child(6n) {
    float: left
}

如果 6 不起作用，您可能需要尝试其他一些值而不是 6。