之前没有写过瀑布流，最近需要改一个东西，学习一下。
瀑布流的实现主要通过几个关键属性来实现。

<div class='content'>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
</div>

columns代表瀑布流中流的数量，column-gap代表流之间的间距，break-inside用来避免流内的内容被隔开。

.content{
    columns: 4;
    column-gap: 30px;
}

.item{
    break-inside: avoid;
}