瀑布流布局

瀑布流式布局是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局
瀑布流布局其核心是基于一个网格的布局,而且每行包含的项目列表高度是随机的(随着自己内容动态变化高度),同时每个项目列表呈堆栈形式排列,最为关键的是,堆栈之间彼此之间没有多余的间距差存大,如下图:

瀑布流布局_第1张图片
1.jpg

实现瀑布流布局




    
    
    
    WaterFall
    



    

最后,附上这段代码的预览页面

你可能感兴趣的:(瀑布流布局)