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

Question

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

我正在v-for循环显示这个圆圈。我将它们全部放在一个容器中，因此我在父级上使用 flex-wrap，在子级上使用宽度：25%。

密码箱

标签： cssvue.jsvuejs2

Answer 1

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