瀑布流-轉載

jQuery瀑布流詳解（PC及移動端）   前言 瀑布流佈局已成爲當今非常普遍的圖片展示方式，無論是PC還是手機等移動設備上。這種佈局圖片的樣式大概分爲三種：等高等寬、等寬不等高、等高不等寬，接下來我們就最爲普遍的等寬不等高形式來作爲示例。 我們用百度圖片作爲範例：   這就是PC端比較常見的瀑布流佈局方式，接下來我們審查下元素看看百度圖片裏面是如何佈局： 可以看到，它裏面實際是若干個等寬的列容器

>>阅读原文<<