1.flexDirection
row | row-reverse | column | column-reverse
??該屬性：規(guī)定了主軸的方向（父容器中的排列方向）事镣。
? ? ?row( 默認(rèn)值 )：主軸為水平方向缚忧，起點(diǎn)在左端美浦。
? ? ?row-reverse：主軸為水平方向，起點(diǎn)在右端属拾。
? ??column：主軸為垂直方向舞萄，起點(diǎn)在上沿见转。
? ??column-reverse：主軸為垂直方向水醋，起點(diǎn)在下沿旗笔。
??? column-reverse：主軸為垂直方向，起點(diǎn)在下沿拄踪。
2.justifyContent
flex-start | flex-end | center | space-between | space-around
規(guī)定：子item在主軸方向的對(duì)齊方式
? ? ? flex-start(默認(rèn)值)：伸縮項(xiàng)目向一行的起始位置靠齊蝇恶。
? ? ? flex-end：伸縮項(xiàng)目向一行的結(jié)束位置靠齊。
? ? ? center：伸縮項(xiàng)目向一行的中間位置靠齊惶桐。
? ? ? space-between：兩端對(duì)齊艘包，項(xiàng)目之間的間隔都相等的猛。
? ? ? space-around：伸縮項(xiàng)目會(huì)平均地分布在行里，兩端保留一半的空間想虎。
3.alignItems
flex-start | flex-end | center | baseline | stretch
規(guī)定：子item在側(cè)軸方向的對(duì)齊方式
? ? ? flex-start：交叉軸的起點(diǎn)對(duì)齊。
? ? ? flex-end：交叉軸的終點(diǎn)對(duì)齊 叛拷。
? ? ? center：交叉軸的中點(diǎn)對(duì)齊舌厨。
? ? ? baseline：項(xiàng)目的第一行文字的基線對(duì)齊。
? ? ? stretch（默認(rèn)值）：如果項(xiàng)目未設(shè)置高度或設(shè)為auto忿薇，將占滿整個(gè)容器的高度裙椭。
4.*flexWrap
nowrap | wrap | wrap-reverse
默認(rèn)情況下，項(xiàng)目都排在一條線（又稱"軸線"）上署浩。flex-wrap屬性定義揉燃，如果一條軸線排不下，如何換行筋栋。
nowrap(默認(rèn)值)：不換行炊汤。
wrap：換行，第一行在上方弊攘。
wrap-reverse：換行抢腐，第一行在下方。（和wrap相反）
align-content:flex-start; // 父標(biāo)簽添加這個(gè)屬性襟交，可以去除換行之間的空格
