6 Flex
一、Flex佈局是什麼？
在之前我們的佈局方式：display+position+float，這種方式佈局基本可以解決所有的佈局問題，但是一些特殊的佈局實現起來卻不容易，比如垂直方向居中.
Flex，彈性佈局。用來爲盒子模型提供最大的靈活性.
所有元素都可以設置爲flex佈局
注意：如果使用了flex佈局，所有的子元素float、clear、vertial-align等屬性將失效
二、容器的屬性
只需要一個元素設置爲flex佈局，該元素我們稱爲flex容器，他所在的所有子元素將成爲容器成員，也成爲flex項目
說白就是，一個大的div，嵌套兩個小的div，如果大的div設置了flex佈局；
那麼：大的div就叫容器，2個小的div就叫項目
2.1 flex-direction
flex-direction屬性決定主軸的方向（即項目的排列方向）。
row（默認值）：主軸爲水平方向，起點在左端。
row-reverse：主軸爲水平方向，起點在右端。
column：主軸爲垂直方向，起點在上沿。
column-reverse：主軸爲垂直方向，起點在下沿。
3.3 flex-flow
flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，默認值爲row nowrap。
（1）nowrap（默認）：不換行。
（2）wrap：換行，第一行在上方。
（3）wrap-reverse：換行，第一行在下方。
2.2 flex-wrap
2.3 flex-flow
2.4 justify-content必須記住
justify-content屬性定義了項目在主軸上的對齊方式
就是設置水平方向對其方式（和Word水平對齊方式一樣）
2.5 align-item必需記住
justify-content屬性定義了項目在主軸上的對齊方式。
2.6 align-content屬性
align-content屬性定義了多根軸線的對齊方式。如果項目只有一根軸線，該屬性不起作用。
