伸縮佈局中的flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，默認值爲0 1 auto。flex-grow屬性設置項目的放大比例，默認爲0，即如果存在剩餘空間，也不放大。flex-shrink屬性設置項目的縮小比例，默認爲1，即如果空間不足，該項目將縮小。flex-basis屬性設置在分配多餘空間之前，項目佔據的主軸空間，默認值爲auto，即項目的本來大小。
flex取值情況如下：
flex取值爲none，即0 0 auto。等同於flex-grow:0; flex-shrink:0; flex-basis:auto。
flex取值爲auto，即1 1 auto。等同於flex-grow:1; flex-shrink:1; flex-basis:auto。
flex取值爲非負數字，則該數字爲 flex-grow 值，flex-shrink 取 1，flex-basis 取 0%。
flex取值爲一個長度或百分比，則爲flex-basis的值，flex-grow和flex-shrink均取1。
flex取值爲兩個非負數字，則分別爲flex-grow和flex-shrink的值，flex-basis取0%。
flex 取值爲一個非負數字和一個長度或百分比，則分別爲 flex-grow 和 flex-basis 的值，flex-shrink 取 1。flex-basis 規定的是子元素的基準值。
flex取值詳解參見以下鏈接
https://segmentfault.com/q/1010000004080910/a-1020000004121373
flex佈局語法參見以下鏈接
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
flex佈局實例參見以下鏈接
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html