定義垂直對齊的柔性盒項目的溢出方向

Question

我有一個單個項目的柔性盒。此項目水平和垂直居中。當物品長於其容器時，它在容器的頂部和底部同樣溢出。我希望它只能在底部溢出，並保持在頂部。有任何想法嗎？

http://codepen.io/wilsonpage/pen/LzryK（在Chrome金絲雀視圖爲最新Flexbox的）

Answer 1

在標準Flexbox的草案，單個撓曲項可以是垂直和水平中心的通過使用margin: auto。你要使用的，而不是對齊項屬性如下：

http://codepen.io/cimmanon/pen/EJdvn

section { 
    display: flex; 
    justify-content: center; /* you can remove this here, but its not hurting anything */ 
    /* remove align-items */ 

    height: 80%; 
    margin: 5% 0; 
    background: green; 
} 

div { 
    margin: auto; /* add */ 
} 

Answer 2

嘗試設置在柔性項目的下列：

align-self: flex-start;