微信小程序成長記錄（一）

1.flex-direction：用來規定flex項目在軸方向上面排列的順序。

　　row,從左往右排列  

　　row-reverse,從右往左排序  

　　column,從上往下排序

　　column-reverse，從下往上排序

2.flex-wrap：決定項目是否多行顯示的屬性

　　nowrap，一行顯示不換行　　

　　wrap，多行顯示　　

　　wrap-reverse，多行顯示，可是跟規定排列方向相反

3.flex-flow：flex-direction 和 flex-wrap 的縮寫

　　eg:flex-flow:row wrap;

4.justify-content:用於在主軸上對齊伸縮的項目屬性（橫向）

　　flex-start(默認值),左對齊。

　　flex-end，右對齊。

　　center，居中對齊。

　　space-between，最左邊左對齊，最右邊右對齊，中間平均分配。

　　space-around，平均分佈在一行裏，兩端會保留空間。

5.align-content:縱向

　　flex-start(默認值),上對齊。

　　flex-end，下對齊。　

　　center，居中對齊。

　　space-between，上下兩邊對齊,中間平均分配。

　　space-around，平均分佈在一行裏，兩端會保留空間。

　　baseline,第一行文字的基線對齊

　　stretch,擴大佔據剩下的空間

6.align-items,全部項目對齊

7.align-self，單獨項目對齊

8.display: flex;彈性佈局　　display: inline-flex;行內元素Flex佈局　　display: -webkit-flex;Webkit內核的瀏覽器，必須加上-webkit前綴

9.order:項目的排列順序,數值越小，排列越靠前。

10.flex-grow:項目的放大比例,默認爲0

11.flex-shrink:項目的縮小比例，默認爲1

12.flex-basis:項目佔據的主軸空間,默認值爲auto,即項目的原本大小。

13. flex:默認值爲0 1 auto,該屬性有兩個快捷值：auto (1 1 auto)(根據剩餘空間調整) 和 none (0 0 auto)(不發生變化)。