瀑布流布局

瀑布流布局的原理是什么

元素的宽度统一固定，但是高度随机。
通过计算窗口的宽度确定每排最多可以并列几个元素。
然后先顺序插入一排元素，再之后每个元素插入的时候都找高度最小的那一列插入。
由于在使用过程中窗口的宽度可能会改变，则要将以上的过程中放在window.onresize事件当中。

瀑布流布局代码

在线预览