容器属性

flex-dirextion（主轴的方向）： >>row（水平） | row-reverse（水平取反） | column（垂直） | column-reverse（垂直取反）

flex-warp（是否换行）： >>nowrap（默认-不换行） | wrap（换行） | wrap-reverse（换行取反）

flex-flow（主轴的方向 + 是否换行）：
      
      
     

justify-content（主轴上的水平对齐方式）： >>flex-start（左边对齐） | flex-end（右边对齐） | centent （居中） | space-between（两端对齐）| space-around（间隔相等）

align-items（主轴上的垂直对齐方式）： >>flex-start（上边对齐） | flex-end（下边对齐） | centent （居中） | baseline（第一行文字对齐）| stretch（auto占满高度）

align-centent（多轴对齐方式）： >>flex-start（上边对齐） | flex-end（下边对齐） | centent （居中） | space-between（两端对齐）| space-around（间隔相等）

项目属性

order（排列顺序）：默认0（数值越小越靠前）| 
     

flex-grow（放大比例）：默认<0> | 
     

flex-shrink（缩小比例）：默认<1> | 
     

flex-basis（固定空间）： auto | 
     

align-self（对齐方式）： >>auto | flex-start（上边对齐） | flex-end（下边对齐） | centent （居中） | baseline（第一行文字对齐）| stretch（auto占满高度）