效果图
只需两行代码:
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>