container
flex-box
display: flex/inline-flex;
flex-direction: [row] | row-reverse | column | column-reverse;
flex-wrap: [nowrap] | wrap | wrap-reverse;
flex-flow: flex-direction flex-wrap
justify-content: [flex-start] | flex-end | center | space-between | space-around;
align-items: [flex-start] | flex-end | center | baseline | stretch;
align-content: [flex-start] | flex-end | center | space-between | space-around | stretch;
item
order: <integer>; 排序
flex-grow: <number>; 占比
flex-shrink: <number>; 缩小比例
flex-basis: <length> | auto;
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];// 默认 0 1 auto; // 该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)
align-self: auto | flex-start | flex-end | center | baseline | stretch;