flex 布局
display：flex；
（写在父盒上）
flex-wrap:wrap;
(flex 子元素换行)
flex-direction:row；
(默认横向排列)
flex-direction:column；
(默认垂直排列)
justify-content ：space-around；
子元素均匀等分，两边有空格
justify-content ：space-between；
子元素均匀等分，两边没有空格
justify-content ：center
子元素居中
align-item ：center；
沿着主轴垂直方向居中 （flex-start起始 flex-end结尾）
flex：1 ；
会沾满所有剩余的空间
