dhp1994的博客

主要使用了 column-count 和 column-gap 属性，column-count 属性用来设置列数，column-gap 属性用来设置列于列之间的间距。第一种方式实现的是列数固定的布局，所以当列数可以任意指定时，上述方法就不再适用了，动态列数的 DOM 结构和样式和第一种方式是一样的，只有 js 代码略有不同。将大容器（父元素）的 display 设置为 flex，然后使用 flex-flow 属性，设置为：flex-flow: column wrap。页面的 DOM 元素。