类百度图片的固定高度横向瀑布流js方法及纯css实现的方法记录

微信图片_20190117105118.png

纯css实现代码:




    
    
    
    Document
    


    

js实现代码及思路:


微信图片_20190117142317.png

原理是木桶原理,把图片放进一个div计算当前排的宽度,如果大于的话,把最后一个pop掉,同时layout当前排,循环下去





    
    
    
    Document
    



    

你可能感兴趣的:(类百度图片的固定高度横向瀑布流js方法及纯css实现的方法记录)