之前采用的是 waterfall.jsimgStatus.js 方案,明显的一个弊端是得所有图片完全加载之后才会显示为瀑布流布局。

现已改用 column-countp:has(> img:nth-child) 的纯 CSS 方案,代码少得不得了!

缺点呢,图片是从上往下、从左往右顺序排列,会导致各列高度明显不一致。试用之后,可以接受!