瀑布流布局

瀑布流布局的原理是什么

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

瀑布流布局代码

在线预览

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容