瀑布流效果

2017-06-30  本文已影响0人  何wife

瀑布流原理:

瀑布流布局要求要进行布置的元素等宽,然后计算元素的宽度与浏览器宽度之比,得到需要布置的列数。

创建一个数组,长度为列数,里面的值为已布置元素的总高度(最开始为0)

然后将未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布局。

代码实现:

头部样式 body部分 script部分
上一篇 下一篇

猜你喜欢

热点阅读