css3简易瀑布流布局

注意:只适用于简单的瀑布流布局,复杂的建议走js路线

.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即可