CSS3 中彈性盒模型--容器的屬性

一、display : flex | inline-flex
注意，設爲 Flex 佈局之後，子元素的float、clear和vertical-align屬性 將失效。

二、flex-direction屬性 決定主軸的方向（即項目的排列方向）
flex-direction: row | row-reverse | column | column-reverse;

三、flex-wrap屬性，定義子元素是否換行顯示
flex-wrap: nowrap | wrap | wrap-reverse;

四、 flex-flow
flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，默認值爲row nowrap;

五、 justify-content屬性 定義了項目在主軸（）上的對齊方式。
justify-content: flex-start | flex-end | center | space-between | space-around;

六、align-items屬性定義項目在交叉軸上如何對齊。
align-items: flex-start | flex-end | center | baseline | stretch（默認值）;

七、align-content屬性定義了多根軸線的對齊方式。對於單行子元素，該屬性不起做用。
align-content: flex-start | flex-end | center | space-between | space-around | stretch;

align-content在側軸上執行樣式的時候，會把默認的間距給合併。對於單行子元素，該屬性不起做用