Flexbox 拉伸列（或不拉伸）

Question

使用“旧的”弹性盒实现，我会使用 -webkit-box-align: start; 阻止并排的列长度相等。

我不知道如何在新规范下做到这一点 - https://developer.mozilla.org/en/Using_flexbox.

我的主要 div 是 <div role="main"> 它有两个 <section class="app"> div 内并排。

Answer 1

新的等效属性为 box-align 是 align-items, ，尽管你必须使用 -webkit-align-items 目前。将其设置为 flex-start 在这两个盒子的 Flexbox 容器上，以消除等高拉伸并将两个盒子在顶部对齐。了解更多信息，请访问 http://www.w3.org/TR/css3-flexbox/#align-items-property.