flexDirection容器屬性: `row | row-reverse | column | column-reverse`
? ? ? ? row:主軸為水平方向,起點在左端。
? ? ? ? row-reverse:主軸為水平方向忍级,起點在右端。
? ? ? ? column(默認值):主軸為垂直方向,起點在上沿排惨。
? ? ? ? column-reverse:主軸為垂直方向,起點在下沿碰凶。
? ? flexWrap容器屬性: `nowrap | wrap | wrap-reverse`
? ? ? ? nowrap(默認值):不換行
? ? ? ? wrap:換行暮芭,第一行在上方
? ? ? ? wrap-reverse:換行,第一行在下方欲低。(和wrap相反)
? ? justifyContent容器屬性:`flex-start | flex-end | center | space-between | space-around`
? ? ? ? flex-start(默認值):伸縮項目向一行的起始位置靠齊辕宏。
? ? ? ? flex-end:伸縮項目向一行的結(jié)束位置靠齊。
? ? ? ? center:伸縮項目向一行的中間位置靠齊砾莱。
? ? ? ? space-between:兩端對齊瑞筐,項目之間的間隔都相等。
? ? ? ? space-around:伸縮項目會平均地分布在行里腊瑟,兩端保留一半的空間
? ? alignItems容器屬性:`flex-start | flex-end | center | baseline | stretch`
? ? ? ? flex-start:交叉軸的起點對齊聚假。
? ? ? ? flex-end:交叉軸的終點對齊 。
? ? ? ? center:交叉軸的中點對齊闰非。
? ? ? ? baseline:項目的第一行文字的基線對齊膘格。
? ? ? ? stretch(默認值):如果項目未設置高度或設為auto,將占滿整個容器的高度财松。