css - 样式 div 在两行中与 flexbox 对称

Question

我想让底部圆圈对称，这意味着我希望第 5 个圆圈介于第 1 和第 2 个(但仍在下方)之间，第 7 个圆圈介于第 3 和第 4 个之间。

我在 v-for 循环中显示这个圆圈。我将它们全部放在一个容器中，所以我在父级上使用 flex-wrap，在子级上使用 width: 25%。

codesanbox

Answer 1

在您提供的沙箱中，为您的 .container 使用 justify-content: center;