瀑布流原理:
瀑布流布局要求要进行布置的元素等宽,然后计算元素的宽度与浏览器宽度之比,得到需要布置的列数。
创建一个数组,长度为列数,里面的值为已布置元素的总高度(最开始为0)
然后将未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布局。
代码实现:




瀑布流布局要求要进行布置的元素等宽,然后计算元素的宽度与浏览器宽度之比,得到需要布置的列数。
创建一个数组,长度为列数,里面的值为已布置元素的总高度(最开始为0)
然后将未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布局。
本文标题:瀑布流效果
本文链接:https://www.haomeiwen.com/subject/pitwcxtx.html
网友评论