Flexbox的拉伸列（或不）

Question

使用“旧” Flexbox的实施方案中，我会用-webkit-box-align: start;从等于长度的停止通过边柱侧。

我无法弄清楚如何在新规范下做到这一点 - https://developer.mozilla.org/en/Using_flexbox。

我主要的div是<div role="main">，它有在div内的两个<section class="app">相映成趣。

Answer 1

新的等价属性box-align是align-items，但你必须使用-webkit-align-items现在。在这两个盒子的柔性盒容器上将其设置为flex-start以摆脱等高伸展并将顶部的两个盒子对齐。通过http://www.w3.org/TR/css3-flexbox/#align-items-property了解更多信息。