Question

当您经常以恒定宽度将项目插入DIV时，它们会水平堆叠，然后垂直堆叠，高度会发生变化。

El1  El2  El3  El4  El5
El6  El7  El8  El9  El10
El11 El12 El13

我希望将我的项目插入到具有恒定高度的DIV中，它们应垂直堆叠，然后水平堆叠，宽度应该更改。

El1  El6  El11
El2  El7  El12
El3  El8  El13
El4  El9  
El5  El10

我知道列数属性。但我事先并不知道列数。我希望在添加新项目或高度更改时重新对齐容器。它的宽度应该改变。右侧会有另一个元素。

是否可以使用CSS，没有JS？

Answer 1

这里display:flex可以解决问题;

使用以下css：

display: flex;
flex-flow: column wrap;