CSS瀑布流式布局
两行CSS实现瀑布流
column-count: 2;
// 几列
column-gap: 80px;
// 列间距
.flowBox{
column-count: 2; // 几列
column-gap: 80px; // 列间距
.flowItem{
break-inside: avoid;
}
}
<div class="flowBox">
<div class="flowItem">内容块</div>
<div class="flowItem">内容块</div>
</div>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6a0229d39263008d1bc14ded127ea55d.png)
但CSS瀑布流是从上到下的,JS实现瀑布流是从左到右的.