灵活空间 - 均匀分布在多条线

Question

Codepen示例：here

是否可以在多行中均匀地重新排列justify-content: space-between个弹性容器中的项目？

正如您在codepen（link）中看到的那样，大多数项目位于顶行，只有那些不适合该行的项目显示在第二行（空格介于其间）。

!!请注意，我只将包含所有过滤器的div设置为在codepen中显示的设置宽度。它将是bootstrap col-12的80％宽度。所以在大的时候它们适合在一行上，在md我想确保第二行上不仅有1个项目，而是整个过滤器组中心并均匀分布超过2行（似乎包括图像）。

我想拥有它，以便顶行有4或5个项目，底行有4或5个。
我希望图片解释更多：

感谢您的帮助，非常灵活！

Answer 1

感谢@ Cheshire在评论中的建议，我找到了一种方法，让它或多或少地起作用。

如果您在项目中添加margin-right和margin-left并设置justify-content: center，则可以实现我的目标。
唯一的缺点是您必须为项目设置固定边距（左和右），因此您不能再使用space-between。但就我而言，它看起来仍然看起来更好。