flex佈局屬性快速參考

這裡只是一篇屬性參考，詳細的教程請參考這篇部落格。
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

flex容器上的屬性

1. flex-direction : row | row-reverse | column | column-reverse
2. flex-wrap: nowrap | wrap | wrap-reverse
3. flex-flow : flex-direction || flex-wrap
4. justify-content: flex-start | flex-end | center | space-between | space-around
5. align-items : flex-start | flex-end | center | baseline | stretch
6. align-content : flex-start | flex-end | center | stretch | space-around | stretch

flex專案上的屬性

1. order : integer 越小越靠前
2. flex-grow : number(0) 放大比例
3. flex-shrink : number(1) 縮小比例
4. flex-basis ： length | auto
5. flex : flex-grow || flex-shrink || flex-basis
6. align-self : auto | flex-start | flex-end | center | baseline | stretch 在這單個flex專案上覆蓋flex容器 上設定的align-items屬性