两列Flexbox

时间:2014-08-05 20:23:59

标签: html layout flexbox

我希望我的元素排成两列,而不是一行中的所有元素,我还不熟悉flexbox,你对如何做到这一点有什么想法吗?

<div class="Grid Grid--gutters Grid--flexCells">
<div class="Grid-cell">
  <div class="Demo">
    Full-height, even when my content doesn't fill the space.
  </div>
</div>

示例:http://jsfiddle.net/3jkR2/

1 个答案:

答案 0 :(得分:0)

只需使用

flex: 50% 0;

表示.Grid-cell。这里更新了小提琴 - &gt; http://jsfiddle.net/3jkR2/5/