之前采用的是 waterfall.js 和 imgStatus.js 方案,明显的一个弊端是得所有图片完全加载之后才会显示为瀑布流布局。
现已改用 column-count
和 p:has(> img:nth-child)
的纯 CSS 方案,代码少得不得了!
缺点呢,图片是从上往下、从左往右顺序排列,会导致各列高度明显不一致。试用之后,可以接受!
之前采用的是 waterfall.js 和 imgStatus.js 方案,明显的一个弊端是得所有图片完全加载之后才会显示为瀑布流布局。
现已改用 column-count
和 p:has(> img:nth-child)
的纯 CSS 方案,代码少得不得了!
缺点呢,图片是从上往下、从左往右顺序排列,会导致各列高度明显不一致。试用之后,可以接受!