瀑布流布局

瀑布流布局---JS

内容的宽度是相等的，高度是随机的。

• 设置定位点
• 第二行找最短的排列。相同高度从左到右排列。
• 容器的宽度除以元素的宽度，就得到元素的个数。
• 数组中存储的是元素的高度。
• 每次插入一个元素，数组就更新一次。

    
    
    
    
    
    


   

       

           1
       
       

           2
       
       

           3
       
       

           4
       
       

           5
       
       

           6
       
       

           7
       
       

           8
       
       

           9
       
       

           10
       
       

           11
       
       

           12
       
       

           13
       
       

           14