美文网首页
瀑布流效果

瀑布流效果

作者: 何wife | 来源:发表于2017-06-30 23:24 被阅读0次

    瀑布流原理:

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

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

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

    代码实现:

    头部样式 body部分 script部分

    相关文章

      网友评论

          本文标题:瀑布流效果

          本文链接:https://www.haomeiwen.com/subject/pitwcxtx.html