对父容器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
