原生js 实现瀑布流布局


原理:

  • 设置图片宽度一致
  • 根据父元素的宽度和图片宽度,计算出列数和间距
  • 当图片加载完成,所有图片依次放置在高度最小的列数下面

代码示例:




    
    
    waterfall