CSS实现瀑布流布局

效果图

只需两行代码：

column-count: 2; // 列数

column-gap: 80px; // 列间距

示例代码：

.flowBox {
  column-count: 2; // 几列
  column-gap: 80px; // 列间距
  .flowItem {
    break-inside: avoid;
  }
}

<div class="flowBox">
	 <div
	   v-for="(item,index) in expertList"
	   :key="index"
	   class="flowItem"
	 >
	   <div>内容 </div>
	 </div>
</div>