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瞭解更多信息。