瀑布流布局的原理

把高度不同，寬度相同的一些塊元素，按照一定方法排列，使得每行是固定的元素個(gè)數(shù)，后面的元素總是排在前面的每列元素中高度最小的那一列元素的下面。
有一種實(shí)現(xiàn)方法是利用相對(duì)定位和絕對(duì)定位。
1.把這些元素的父元素設(shè)置為相對(duì)定位。
2.設(shè)置這些元素有同樣的寬度，而且元素都設(shè)置成絕對(duì)定位。
3.先計(jì)算出每一行可以排幾個(gè)元素，再創(chuàng)建一個(gè)長(zhǎng)度是幾的數(shù)組。數(shù)組中的初始值都為0。
4.數(shù)組中數(shù)字相互比較大小，利用絕對(duì)定位，按次序把元素排在最小的數(shù)字所在的元素列的下面，并把這個(gè)數(shù)字加上這個(gè)元素的高度的和的值存儲(chǔ)在數(shù)組的對(duì)應(yīng)位置處。
5.重復(fù)步驟4，直到所有元素都排列好。
本文版權(quán)歸作者和饑人谷所有，轉(zhuǎn)載請(qǐng)注明出處