利用column多行布局实现瀑布流

摘要：

瀑布流布局是目前比较流行的一种页面布局方式,非常适用于展示图片.本文以瀑布流布局的视觉效果为切入口,阐述了瀑布流布局的设计特点、用户体验和市场前景.在3种常用的实现瀑布流布局的方法中,选择了CSS3中column多行布局的方法进行详细分析,并辅以实际案例,展示了如何通过columns相关属性column-count、column-gap、column-fill的配合实现瀑布流布局.

关键词：column瀑布流布局、页面布局、布局模式

所属期刊栏目：32

分类号：TP311.53(计算技术、计算机技术)

在线出版日期：2021-03-03（万方平台首次上网日期，不代表论文的发表时间）

页数：共3页

页码：64-66