瀑布流结构是种常见的结构方式，常用于图片相关的样式展示，通过CSS3的多列（Multi-column）属性，可以简朴的实现类似效果。

 

详细步骤：

1.设置外部容器多列列数（column-count）和列间距（column-gap）

2.设置内容条目的break-inside属性为avoid，使条目总体不被打断。

 

HTML结构：

<div class="db0e-f1da-680b-0da3 container"> //最外层容器
    <div class="f1da-680b-0da3-430e item">//条目
         <div class="680b-0da3-430e-b27b item__content">//条目内容
            <img src=''>
         </div>
     </div>
     <div class="b830-fc41-e032-5df0 item">
         <div class="fc41-e032-5df0-62af item__content">
              <img src=''>
         </div> 
     </div>
     <!-- more items --> 
        .........
</div>

css样式： 

.container {
    column-count: 4; //多列的列数
    column-gap: 0;//列间距
 }

.item{
    break-inside: avoid;//制止在主体框中插入任何中止（页面，列或区域）。
}

以上为最焦点代码，需要凭据详细营业做进一步完善，如添加浏览器前缀，设置米素宽高及位置等等。