标签：瀑布流

纯CSS实现瀑布流

3 次阅读

一个纯CSS实现瀑布流的办法，一般的对于内容网站而言，每个内容块的宽度相同，纵列方向需要显示的内容量不确定，这个时候需要用到瀑布流布局。效果如下：关键代码：css.list { column-count: 2; /* 容器内容显示为两列 */ column-gap: 10px; /* 间隔10px */}.list .item { height: 100px; /* 避免子元