JQuery實現瀑布流佈局

瀑布流佈局 瀑布流佈局就是當我們得到一些圖片，需要滿屏顯示且不變形的情況下選擇的一種佈局方式。 效果圖 思路解析及代碼實現 思路解析 首先瀑布流需要確定每一行有多少張圖片，即列數，通過設備寬度/每張圖片寬度（確定的）得到 除第一行圖片外，其餘行數的圖片距離頂部的高度top爲同列數中前行的所有圖片高度之和，如圖第一列 對於left即爲對應的top最小下的Index列位置處*圖片的寬度 最後別忘了除第

>>阅读原文<<