如何使用flexbox左中心两个元素？

Question

这就是我想要的：

我希望能够使用flexbox左中心两个elemenet。这样做很容易（正如我在jsfiddle中所示，如果我有一个名为C的第三个盒子，但我没有找到一个解决方案，使用flexbox上面的图像。任何人？

HTML：

<div class="parent">
    <div class="a">A</div>
    <div class="b">B</div>
    <div class="c">C</div>
</div>

CSS：

.parent {
   display: flex;
   border: 1px solid grey;
   justify-content: space-between;
}

jsfiddle上的代码：http://jsfiddle.net/3DD6E/

Answer 1

将以下样式添加到所有子容器中：

.parent div{
    flex:1;
}

flex样式改变了弹性框内的空间（可用）元素将占用的空间（1 = 100％）或“占用100％的可能” - 在此案件将是父母的50％。

JSFiddle