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