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

Css 使用flexbox使样式div在两行中对称,css,vue.js,vuejs2,Css,Vue.js,Vuejs2,我想让底部的圆是对称的,这意味着我希望第五个圆在第1和第2之间(但仍在下面),第七个圆在第3和第4之间 我在v-for循环中显示这个圆圈。我把它们都放在一个容器中,所以我在父容器上使用flex wrap,在子容器上使用width:25% 在您提供的沙箱中使用验证内容:中心为您提供的沙箱中的.container使用验证内容:中心对于您的.container循环计数是否为静态?循环计数是否为静态?

我想让底部的圆是对称的,这意味着我希望第五个圆在第1和第2之间(但仍在下面),第七个圆在第3和第4之间

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


在您提供的沙箱中使用
验证内容:中心
为您提供的沙箱中的
.container

使用
验证内容:中心
对于您的
.container

循环计数是否为静态?循环计数是否为静态?