容器属性
flex-dirextion（主轴的方向）：
>>row（水平） | row-reverse（水平取反） | column（垂直） | column-reverse（垂直取反）
flex-warp（是否换行）：
>>nowrap（默认-不换行） | wrap（换行） | wrap-reverse（换行取反）
flex-flow（主轴的方向 + 是否换行）：<flex-direction> <flex-wrap>
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（数值越小越靠前）| <length>
flex-grow（放大比例）：默认<0> | <length>
flex-shrink（缩小比例）：默认<1> | <length>
flex-basis（固定空间）： auto | <length>
align-self（对齐方式）：
>>auto | flex-start（上边对齐） | flex-end（下边对齐） | centent （居中） | baseline（第一行文字对齐）| stretch（auto占满高度）