2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…

由此可以知道，这种布局要用到绝对定位的思想来做。 上面的五个正常排列，到了第六个以后就要找最矮的追加了。 放进去之后这一列的高度变化，记录下来生成新的高度，然后进行下一轮高度的比较。以此类推。 waterful是一个组件，基于jquery的一个组件。 最外边的左右两边是没有间距…