瀑布流布局和木桶布局是為了解決眾多圖片寬高比不一致影響網(wǎng)站顯示的美觀問(wèn)題。瀑布流是所有圖片設(shè)置同樣的寬度,高度不一,通過(guò)計(jì)算每一列的總高度,一個(gè)個(gè)圖片加到最小高度的那一列,看起來(lái)圖片像瀑布一樣排列。木桶布局則是先設(shè)置一個(gè)基本高度,計(jì)算每張圖片在此高度下的寬度,計(jì)算出能填充該行的最多數(shù)圖片,然后計(jì)算圖片占據(jù)的寬度,計(jì)算出占據(jù)寬度比,然后將該行圖片高度乘以這個(gè)系數(shù),圖片就能剛好填充該行。
實(shí)現(xiàn)一個(gè)瀑布流布局效果
答:http://js.jirengu.com/pevozacafe/2/