瀑布流

作者: Iswine | 来源:发表于2016-10-01 22:30 被阅读0次

    瀑布流布局适用于展示多个宽度相同,高度各异元素的页面,所呈现的效果即像瀑布一样见缝插针的排列,常常和懒加载同使用。能够给用户呈现出:无限加载,没用空隙的视觉效果。
    其思路为:

    • 根据浏览器宽度、元素宽度确定每排的元素个数n(即页面被分割为n个通道);
    • 第一排按元素顺序排列,让每个通道均占有元素;
    • 将余下的元素按顺序插入最小高度的通道中。(类似于俄罗斯方块,只是不能消。。。)

    demo

    相关文章

      网友评论

          本文标题:瀑布流

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