css瀑布流的布局

在父容器的

column-count: 4;  //想要分割的列数
column-gap: 10%; //每列的边距

和在子容器的

break-inside: avoid;  
 // auto  指定既不强制也不禁止元素内的页/列中断。
 // avoid  指定避免元素内的分页符。
 // avoid-page  指定避免元素内的分页符。
 // avoid-column 指定避免元素内的列中断。
 // avoid-region  指定避免元素内的区域中