常用属性
flex布局display:flex;
是否换行flex-wrap:wrap;
设置布局主方向flex-diraction:row;
主轴布局 justify-content:center;
副轴(交叉轴)布局 align-content:center;
详细属性
justify-content- 控制主轴（横轴）上所有 flex 项目的对齐。align-items- 控制交叉轴（纵轴）上所有 flex 项目的对齐。align-content- 控制“多条主轴”的 flex 项目在交叉轴的对齐。align-self- 控制交叉轴（纵轴）上的单个 flex 项目的对齐。order:1；- 排序权重
align-items与align-content的区别：1.items控制项目在其轴上的对齐位置 2.content控制轴在容器的对齐位置
display: flex 属性会将 flex 项目的副轴长度定义成容器的的副轴方向的长度（布局默认是stretch拉伸）。
