父元素属性
1.主轴方向
属性名：flex-direction
属性值：row,row-reverse,column,column-reverse
2.换行
属性名：flex-wrap
属性值：nowrap,wrap,wrap-reverse
3.主轴对齐（左右）
属性名：justify-content
属性值：flex-statr,flex-end,center,space-between,space-around,space-evenly
4. 交叉轴对齐（上下）
属性名：align-items
属性值：flex-start,flex-end,center,stretch,baseline
5.多行时交叉轴对齐
属性名：align-content
属性值：flex-start,flex-end,center,space-between,space-around,stretch
子元素属性
1.占比
属性名：flex
属性值：1
/* 完整写法等价于：*/
flex-grow: 1; /* 放大比例 */
flex-shrink: 1; /* 缩小比例 */
flex-basis: 0%; /* 基础宽度 */2.单个项目交叉轴对齐
属性名：align-self
属性值：auto,flex-start,flex-end,center,stretch
3.顺序
属性名：order
属性值：0（越小越靠前）