我的容器是一个flexbox，包含3个div。如何将一个div左对齐，一个在中心，一个在右边？

Question

基本上，给出这样的模板：

<div class="container">
  <div class="item-one">
  </div>
  <div class="item-two">
  </div>
  <div class="item-three">
  </div>
</div>

class="container"是Flexbox的地方：

.container {
  width: 1000px;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

你如何对齐这三个项目：

[ item-one item-two item-three]

因为我使用的是flexbox，所以我不能使用浮点数，而我使用flexbox的原因是因为item-two是动态的，可能有不同的宽度。

由于