css - Flexbox 拉伸列（或不拉伸）

Question

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

我不知道如何在新规范下执行此操作 - https://developer.mozilla.org/en/Using_flexbox。

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

Answer 1

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