瀑布流布局的原理及实现
Posted ReedSun
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了瀑布流布局的原理及实现相关的知识，希望对你有一定的参考价值。
瀑布流很漂亮~但其实实现起来很简单，让我们来实现一下吧
瀑布流布局的原理
- 瀑布流布局要求要进行布置的元素等宽，然后计算元素的宽度与浏览器宽度之比，得到需要布置的列数。
- 创建一个数组，长度为列数，里面的值为已布置元素的总高度（最开始为0）
- 然后将未布置的元素依次布置到高度最小的那一列，就得到了瀑布流布局。
瀑布流布局实现
以上是关于瀑布流布局的原理及实现的主要内容，如果未能解决你的问题，请参考以下文章