摘要: flex结合order实现从左到右的瀑布流 这种方式可以做到先从左到右,再从上到下显示 缺点:需要预先设定flex容器的高度,且调整页面大小时会出现一些间距过大的问题 应对:列表改变时,动态计算flex所需高度 缺陷:整体上的每列数量还是按列平均分布的,并未进行填充。 关键代码 vue //vue代 阅读全文
posted @ 2021-06-30 18:35 朝日asahi 阅读(3158) 评论(0) 推荐(0) 编辑
摘要: 关键: .waterfall { column-count: 4; //列数 column-gap: 0; } .item{ box-sizing: border-box; //避免截断 break-inside:avoid; } 问题:数据会变为上下顺序显示。 阅读全文
posted @ 2021-06-30 16:40 朝日asahi 阅读(763) 评论(0) 推荐(0) 编辑