原理
- 瀑布流布局原理是什么?
- 計算出瀏覽器可以放置元素的個數:瀏覽器寬度/元素寬度。如果元素之間有間隙(margin),則要使用outerWidth(true);。要放置的元素需要使用絕對定位position: absolute;。
- 定義一個用于存放元素高度和的數組,每次找到數組中的最小高度,然后把新的元素放在這個最小高度對應的元素下方。然后根據元素下標計算出top和left值。然后使用jQuery的css()來放置元素。
- 遍歷元素,放置元素。
- 計算出瀏覽器可以放置元素的個數:瀏覽器寬度/元素寬度。如果元素之間有間隙(margin),則要使用outerWidth(true);。要放置的元素需要使用絕對定位position: absolute;。
- 定義一個用于存放元素高度和的數組,每次找到數組中的最小高度,然后把新的元素放在這個最小高度對應的元素下方。然后根據元素下標計算出top和left值。然后使用jQuery的css()來放置元素。
- 遍歷元素,放置元素。