flex弹性盒布局

对父容器display属性设置为flex，再将子元素margin属性设置为auto，就可以实现相对父元素居中

提示：采用flex布局后，子元素的样式float，clear和vertical-align就会失效

flex容器上的包含多种属性

flex-direction   决定主轴的方向   row row-reverse column column-reverse

flex-wrap     超出一行的处理方式 nowrap wrap wrap-reverse

justify-content 定义在主轴上的对齐方式   flex-start  flex-end  center  space-between  space-around