原理
- 瀑布流布局原理是什么?
- 計(jì)算出瀏覽器可以放置元素的個(gè)數(shù):瀏覽器寬度/元素寬度。如果元素之間有間隙(margin),則要使用outerWidth(true);轴脐。要放置的元素需要使用絕對(duì)定位position: absolute;。
- 定義一個(gè)用于存放元素高度和的數(shù)組曼氛,每次找到數(shù)組中的最小高度豁辉,然后把新的元素放在這個(gè)最小高度對(duì)應(yīng)的元素下方。然后根據(jù)元素下標(biāo)計(jì)算出top和left值舀患。然后使用jQuery的css()來放置元素。
- 遍歷元素气破,放置元素聊浅。