1. view 標簽中的屬性
style 中的參數
margin-top:10px; （向上距離）
display : flex; （display : flex 容器聲明）
flex-direction: (view中布局的方向)
row; （橫向布局 ，從左到右）
column; （垂直布局，布局從上往下）
row-reverse; （橫向布局 ，從右到左）
column-reverse;（垂直布局，布局從下到上）
flex-wrap: (當布局一行里面的數據無法全部顯示的時候，如何換行)
nowrap; (默認，不換行)
wrap; (換行，第一行在上面)
wrap-reverse; (換行，第一行在下面)
flex-flow: (是flex-direction和flex-wrap的簡寫，默認值是，row, nowrap)
例子：flex-flow:row||nowrap;
justify-content: (父布局對其中的子布局的對齊方式)
flex-start;（左對齊）
flex-end;（右對齊）
center;（居中）
space-between;（ 兩端對齊，子控件之間的間隔等分）
space-around; （兩側，和子控件之間都有間隔，子控件的間隔是兩個間隔的兩倍）
align-items: (屬性在交叉軸上如何對齊)
flex-start;（交叉軸的起點對齊）
flex-end;（交叉軸的終點對齊）
center;（交叉軸的中點對齊）
baseline;（項目第一行文字的基線對齊）
stretch;（如果項目未設置高度或是設置為auto，將占滿整個容器的高度）
align-content:(子類里面有多行布局時的對齊方式，只有一個布局時，該屬性不起作用)
flex-start;（交叉軸的起點對齊）
flex-end;（交叉軸的終點對齊）
center;（交叉軸的中點對齊）
space-between;（ 兩端對齊，子控件之間的間隔等分）
space-around; （兩側，和子控件之間都有間隔，子控件的間隔是兩個間隔的兩倍
stretch;（如果項目未設置高度或是設置為auto，將占滿整個容器的高度）
子布局中的屬性
order：（定義排序的順序，數值越小排列約靠前，默認為0）
flex-grow: (定義放大比例，就是剩下的空間，占的大小，相當於Android中的weight)
flex-shrink:(定義縮小比例，當空間不夠的時候，對項目進行縮小，和上面放大原理相同)
align-self:(用來允許自己的布局和其他的子布局方式不同)
flex-start;（交叉軸的起點對齊）
flex-end;（交叉軸的終點對齊）
center;（交叉軸的中點對齊）
baseline;（項目第一行文字的基線對齊）
stretch;（如果項目未設置高度或是設置為auto，將占滿整個容器的高度）
邊距
margin：
margin: 20rpx 10rpx 25rpx 10rpx; （如果提供了四個參數，將用在上，右，下，左的順序上）
margin: 20rpx; （如果只提供一個，就是作用在四個方向上）
margin: 20rpx 10rpx; （提供兩個，一個用於上下，一個用於左右）
margin: 20rpx 10rpx 20rpx; (如果提供三個，第一個用於上，第二個用於左右，第三個用於下)
如果兩個相鄰的都有margin，就會出現合並的現象，合並后取其中大的值
margin-top,margin-right,margin-bottom,margin-left,分別對應上右下左的邊距距離，可取值：auto/數值/百分比
padding： 同上（margin）
padding-top,padding-right,padding-bottom,padding-left,分別對應上右下左的內邊距距離，可取值：auto/數值/百分比