向春哥致敬！原文地址：
http://www.52learn.wang/archives/1231
1.flex
flex鍵的型別是數值，取值為0或者大於0的整數，預設值為0。當它的值為1時且子元件只有自己時，子元件將自動縮放以適應父元件剩下的所有空白空間。
2.position
position，它是字串型別，可以取值為relative(預設值)或者absolute，表示當前描述的位置是相對位置還是絕對定位的。與位置相關樣式設定鍵還有：top、bottom、left、right。它們都是數值型別，表示描述的位置從左或者右多少位置顯示，或者從上或者下多少位置顯示。
當position鍵的值為absolute時，描述位置可以使用top、bottom、left、right四個鍵，表示當前元件的位置距離父元件上（下、左、右）沿有多少pt。
當postion鍵的值為relative

時，不可以使用bottom和right鍵繼續描述位置。top和left鍵的值預設為0.top和left鍵表示當前元件距離上一個同級元件最上（左）沿有多少pt。
3.flexDirection
flexDirection鍵決定了元件內部的子元件是如何排列的，它的取值可以為column、row.而W3C提出的row-reverse和column-reverse則不支援，如果View的樣式裡沒有定義flexDirection，則預設值為column。
對於父元件來說，它的子元件就像是一個個長方形或者是正方形的盒子，父元件的flexDireaction決定了他們如何排列。我們在UI中看到的圓形或者其他形狀的元件，都是長方形的元件通過圖片遮蓋或者透明露出部分底色之類的技巧實現的。
4.flexWrap
在預設情況下，元件中的子元件按照flexDirection鍵決定的方向一直排列下去，即使超出了該方向的寬度或者高度也不管。對flexWrap鍵賦值可以改變這種情況。它可以取兩個字串型別值中的一個：wrap或者nowrap，預設的值為nowrap，表示不會自動換行(或者換列)排列。flexDireaction為row、flexWrap為wrap時工作示意圖如下圖所示。
5.justifyContent
justifyContent鍵用來定義方向上如何排列子元件。它有5種可能的字串值：flex-start、flex-end、center、space-between、space-around,它們對應的佈局示意圖如下圖所示。

6.alignItems
alignItems鍵定義了View元件中所有子元件的對其規則。它有4種可能的字串值：flex-start、flex-end、center、stretch。其中，flex-start代表頂部對齊；flex-end代表底部對齊；center 代表中部對齊；stretch代表拉長對齊。
7.alignSelf
alignSelf鍵有5種可能的字串型別值：auto、flex-start、flex-end、center、stretch。其用途是讓元件忽略它的父元件樣式中的alignItems鍵的取值，而對該元件使用的alignSelf鍵對應的規則。當它取值為auto時，表示使用父View元件的alignSelf值，其它4個值的漢語與alignItems相同。