Codepen示例：here
Is it possible to rearange items in a flex-container with justify-content: space-between evenly over multiple lines?
正如您在codepen（link）中看到的那样，大多数项目位于第一行，只有那些不适合该行的项目显示在第二行（空格介于其间） .
！请注意，我只将包含所有过滤器的div设置为在codepen中显示的设置宽度 . 它将是bootstrap col-12的80％宽度 . 所以在大的时候他们适合在一行，在md我想确保第二行上不只有1个项目，但整个过滤器组中心并均匀分布超过2行（似乎包括图像） .
我想拥有它，以便在顶行有4或5个项目，在底行有4或5个项目 .
我希望图片解释更多：
感谢您的帮助，非常新的flex！
1 回答
感谢@ Cheshire在评论中提出的建议，我找到了一种方法，使其成功，或多或少 .
如果您将
margin-right和margin-left添加到项目并设置justify-content: center，您可以实现我想要的 .唯一的缺点是您必须为项目设置固定边距（左和右），因此您不能再使用
space-between. 但就我而言，它仍然看起来更好 .