flex布局

flex布局

它又叫伸缩布局、弹性布局、伸缩盒布局、弹性盒布局

特点：相比于传统布局，代码少，布局快，度移动端兼容性好（移动端首选）

它与传统盒子不同，不需要考虑子元素是块级元素还是行内元素

属性：

　　flex-direction: 确认主轴方向，默认row

　　align-items: 考虑侧轴对齐方式   (控制的是单行)

　　justify-content: 控制子元素在主轴上对齐方式

　　flex-wrap: 是否换行

　　flex-flow: 复合属性，一般不用

　　align-content: 控制子元素（多行）在侧轴对齐方式

　　align-self: 控制单个项目在侧轴上自己的对齐方式