css3瀑布流布局

.father{
  column-count:2;//将列表显示为2列
}

.son{
  break-inside:avoid;//避免在元素内部断行并产生新列
}

<div class="father">
    <div class="son"></div>
        <div class="son"></div>
       <div class="son"></div>
       <div class="son"></div> 
        <div class="son"></div>
       <div class="son"></div>
</div>

//如果出现 不对齐 查看是否设置了margin 改为padding即可