请教CSS交错式响应式布局策略

item的宽高固定，需要达成如图的响应式布局，横向填充，纵向交错，尽量只用CSS，例如grid、flex。

注意排布顺序
追更：咱也可以用js，支个招呗，讲下思路就好了，谢谢各位了，尤其@有问必答

利用flex布局超简单实现瀑布流排版 - 老和尚106 - 博客园利用flex布局超简单实现瀑布流排版效果： Html代码： <!DOCTYPE html><html lang="en"><head> <

https://www.cnblogs.com/linhaisheng/p/12970774.html

瀑布流，根据屏幕动态计算一下列数就好了