当包装到新行时，如何让我的flexbox将div对齐到左边？

Question

所以我有一个30个东西的列表，我将用ajax加载，只要我的格式正确我会照顾，但是我似乎无法让我的flex-box css来调整我的flex当它换行到新行时左侧的项目...

http://i40.photobucket.com/albums/e240/ocfighter/Screen%20Shot%202016-01-18%20at%2012.34.51%20AM%20copy.jpg

我希望三个底部的div位于左侧，而不是分散在第二排的中间......

我显示的所有div的容器div

#movies {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.center {
  -webkit-justify-content: center;
  justify-content: center;
}

HTML

<div id="movies" class="center">
  <div class="movies_cell center">
  <div class="movies_image">
      <a href=""><img src="img/movies/fatheroflights.jpg" alt="" style="width: 100%; height: 100%"></a>
 </div>
 <div class="movies_detail">
   <a href=""><h1>Father of Lights</h1></a>
   <img src="img/rating/5.png" alt="" style="margin: auto;">
 </div>
 </div>
</div>

Answer 1

更改为：

Language

除非由于某种原因你想要第一排在中心，除非它对于容器来说太大，否则会更复杂。