1、容器属性

        (1). display : flex | inline-flex (块级伸缩容器 | 行内级伸缩容器)

        (2). flex-direction :　row | row-reverse | column | column-reverse (主轴线方向)

        (3). flex-wrap : nowrap | wrap | wrap-reverse (主轴线空间不足是否换行及换行方向)

        (4). flex-flow : row nowrap (2与3的交集属性)

        (5). justify-content : flex-start | flex-end | center | space-between | space-around (主轴线对齐方式)

        (6). align-items : flex-start | flex-end | center | baseline | stretch (交叉轴对齐方式)

        (7). align-content : stretch | flex-start | flex-end | center | space-between | space-around (伸缩项目换行后对齐方式)

    2、项目属性

        (1). order 整数值（默认0），排序方式，越小越靠前

        (2). flex-grow （默认0），放大比例(类似android：weight)，空间不足不起作用

        (3). flex-shrink（默认1），收缩比例，空间不足起作用

        (4). flex-basis : auto | length （设置项目伸缩的基础值,剩余空间按比例伸缩）

        (5). flex : none | flex-grow flex-shrink flex-basis (2,3,4交集)

        (6). align-self : auto | flex-start | flex-end | center | baseline | stretch (用了设置单独的项目在交叉轴上的对齐方式)

    

    3、RN中支持的属性：

        (1). justifyContent (X轴对齐方式) : flex-start | flex-end | center | space-between | space-around

        (2). flexDirection (布局方向) : row | row-reverse | column | column-reverse

        (3). flexWrap (换行及换行方向) : nowrap | wrap | wrap-reverse

        (4). alignItems (Y轴对齐方式) : flex-start | flex-end | center | baseline | stretch

        (5). alignSelf (item在Y轴对齐方式): auto | flex-start | flex-end | center | baseline | stretch

        (6). flex : flex