瀑布流布局的原理
把高度不同,宽度相同的一些块元素,按照一定方法排列,使得每行是固定的元素个数,后面的元素总是排在前面的每列元素中高度最小的那一列元素的下面。
有一种实现方法是利用相对定位和绝对定位。
1.把这些元素的父元素设置为相对定位。
2.设置这些元素有同样的宽度,而且元素都设置成绝对定位。
3.先计算出每一行可以排几个元素,再创建一个长度是几的数组。数组中的初始值都为0。
4.数组中数字相互比较大小,利用绝对定位,按次序把元素排在最小的数字所在的元素列的下面,并把这个数字加上这个元素的高度的和的值存储在数组的对应位置处。
5.重复步骤4,直到所有元素都排列好。
本文版权归作者和饥人谷所有,转载请注明出处