flex布局
它又叫伸缩布局、弹性布局、伸缩盒布局、弹性盒布局
特点：相比于传统布局，代码少，布局快，度移动端兼容性好（移动端首选）
它与传统盒子不同，不需要考虑子元素是块级元素还是行内元素
属性：
flex-direction: 确认主轴方向，默认row
align-items: 考虑侧轴对齐方式 (控制的是单行)
justify-content: 控制子元素在主轴上对齐方式
flex-wrap: 是否换行
flex-flow: 复合属性，一般不用
align-content: 控制子元素（多行）在侧轴对齐方式
align-self: 控制单个项目在侧轴上自己的对齐方式