美文网首页
任务30 - 瀑布流布局

任务30 - 瀑布流布局

作者: ReedSun_QD | 来源:发表于2017-01-13 19:03 被阅读0次

    问答

    瀑布流布局的原理是什么

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

    代码

    瀑布流布局:
    代码预览

    相关文章

      网友评论

          本文标题:任务30 - 瀑布流布局

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