Flexbox：我的列表中的空格问题

Question

我的商品ol列表li的格式如下：

ol {     
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 400px;
}

li {
    width: 120px;
    height: 120px;
}

DEMO

正如您所看到的那样，3行适合一行。因为我使用justify-content: space-between，所以第一行看起来就像我想要的那样。但是，第二行没有（因为它只有两个项目）。我想让它们定位好像有第6个元素（它们之间没有间隙，左对齐）

无论如何我可以用弹性盒子来实现这个目标，还是应该引入一个看不见的第6个元素？

Answer 1

使用display:flex;和justify-content:space-between;

无法实现您的要求

详情请见W3C:Axis Alignment: the ‘justify-content’ property

我建议使用带有边距的justify-content:center;或justify-content:flex-start;。