Flexbox拉伸柱（或不）

Question

使用“旧的”flexbox实现，我会使用-webkit-box-align: start;来阻止并排列的长度相同。

我无法弄清楚如何在新规范下执行此操作 - https://developer.mozilla.org/en/Using_flexbox。

我的主要内容是<div role="main">，并且在div中并排有两个<section class="app">。

Answer 1

box-align的新等效属性为align-items，但您现在必须使用-webkit-align-items。将它设置为这两个盒子的flexbox容器上的flex-start，以摆脱等高拉伸并将两个盒子对齐在顶部。请访问http://www.w3.org/TR/css3-flexbox/#align-items-property了解详情。