瀑布流布局

在布局时找到了两种瀑布流布局吧

1、直接在最外层布局

column-count: 4;//排数
column-gap: 0;

问题：有点在于可以直接设置列之间的间距，但排列单数时会会在右边。可能有解决办法。但我没找到相关处理方法

2、运用定位处理

display: flex;
flex-wrap: wrap;

问题：间距没法直接设置，尤其是在不定死宽高的弹窗时。兼具问题需要自己手动调整

以上仅代表个人查找到的方法，欢迎大佬来收个徒。带带我