flex-: 多個元素時決定是元素排列橫向還是豎向
1>row：從左到右的水平方向為主軸(默認值)
2>row-：從右到左的水平方向為主軸
3>：從上到下的垂直方向為主軸
4>-：從下到上的垂直方向為主軸
-: 多個元素之間的對齊方式是在橫向上做改變
1>flex-start：主軸起點對齊(默認值)
2>flex-end：主軸結(jié)束點對齊
3>：在主軸中居中對齊
4>space-：兩端對齊，除了兩端的子元素分別靠向兩端的容器之外，其他子元素之間的間隔都相等
5>space-：每個子元素之間的距離相等微信小程序 橫向排列，兩端的子元素距離容器的距離也和其它子元素之間的距離相同
align-items:多個元素之間的對齊方式是在縱向上做改變
1> 填充整個容器(默認值)
2>flex-start 側(cè)軸的起點對齊 （這里我們手動設(shè)置下子 view 的高度微信小程序 橫向排列，來看的明顯一些）
3>flex-end 側(cè)軸的終點對齊
4> 在側(cè)軸中居中對齊
5> 以子元素的第一行文字對齊
flex-wrap: 多個元素之間是否自動換行
1>：不換行（默認）
2>wrap：換行
3>wrap-：換行，第一行在最下面
order:可以控制子元素的排列順序，默認為0