瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pinterest首先运用。
网页上呈现参差不齐的多栏布局，图片等宽不等高，根据图片原比例缩放直至宽度达到固定的要求，每行排满后，后面的元素依次添加到其后。
通过 Multi-columns 相关的属性 column-count、column-gap 配合 break-inside 来实现瀑布流布局。
.masonry 是瀑布流容器，里面放置了列表 item，在 .masonry 中设置 column-count(列数) 和 column-gap(列间距)
item 中设置 break-inside:avoid，这是为了控制文本块分解成单独的列，以免项目列表的内容跨列，破坏整体的布局。
