我有六个固定大小的内联元素，并希望将它们包装起来，以便每一行具有相同数量的元素。因此，对于宽容器，将有1行包含6列/元素。随着容器的缩小，它将变为2x3，然后是3x2，最后是1x6。
我的直觉是我应该使用flexbox，但是我无法弄清楚如何阻止它一次包装一个元素，这给了我这样的情况，第一行有5个元素，第二行有1个元素。
.box {
display: flex;
flex-wrap: wrap;
}
.box div {
background-color: yellow;
width: 50px;
height: 50px;
margin: 5px;
}<div class="box">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
<div>Five</div>
<div>Six</div>
</div>