记录Flex布局的属性

容器属性

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占满高度）