複製Pinterest的絕對div堆疊佈局
在pinterest的範圍內縮放範圍,並確定列的範圍,並確定範圍的範圍,並確定列的範圍,並確定了範圍的範圍,gutter in and gutter and gutter gutter gutter gutter gutter gutter gutter gutch每個列的。 定位引腳容器:絕對絕對放置在父容器中。這允許單個引腳彼此獨立地放置。
計算列和散佈大小:
確定銷釘容器的可用寬度,併計算舒適的列數。使用結果列的寬度和預定義的散佈大小來計算整體佈局參數。基於陣列的高度跟踪:初始化一個數組的長度等於列的數量。當您迭代每個銷釘時,確定哪個列當時的高度最短。將此高度存儲在相應的數組元素中。
引腳放置:
將“ top” css屬性設置為存儲在選定列的數組中的高度。免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3