如何最大flexbox每行8个项目？

Question

我想在网格系统中显示我的项目，每行项目之间的面积相等。我使用了空格之间，它的作品，但当我有奇数个项目时，最后一个项目（最后一行）应该在左边而不是空格之间。我在下面的图片上有红色框，但是我想要白色框。

Answer 1

请参阅以下代码

.parent{
 display:flex;
 flex-flow: row wrap;
 }
 .child{
 height:50px;
 background:purple;
 flex-basis:10%;
 margin:20px;
 }

<div class="parent">
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
</div>