瀑布流布局实现原理及举例

一、实现原理

瀑布流布局由pinterest.com网站首创,它的原理是:先通过计算出一排能够容纳几列元素,然后寻找各列之中所有元素高度之和的最小者,并将新的元素添加到该列上,然后继续寻找所有列的各元素之和的最小者,继续添加至该列上,如此循环下去,直至所有元素均能够按要求排列为止;

二、举例




    
    
    


    
1
2
3
4
5
6
7
8
9
10
11
12
13
14

代码预览地址:

https://github.com/have-not-BUG/task/blob/master/renwu/renwu30/renwu30.html

**本文版权归本人即笔名:该账户已被查封 所有,如需转载请注明出处。谢谢! *

你可能感兴趣的:(瀑布流布局实现原理及举例)