主要介绍了web页面和微信小程序页面实现瀑布流效果，本文通过实例代码图文介绍，给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下

小程序实现瀑布流效果，和web页面差不多，都要经过以下步骤： 1)、加载图片，获取图片的宽高度； 2)、根据页面需要显示几列计算每列的宽度； 3)、根据图片真实宽度和每列的宽度比，计算出图片需要显示的高度； 4)、重新对图片进行定位 　　1、web页面瀑布流效果，先看效果图（瀑布流+无限滚动加载）： 　页面代码： 瀑布流_左浮动 <style