flex属性

flex中的先占据左右 再平分中间间隙
    display: flex;  控制子元素在一行上展示 并且子元素如果是行内元素是可以设置width height大小高度
    justify-content: space-between; 先占据左右 再平分中间间隙

flex - 设置水平与垂直对齐
     display: flex;  伸缩盒子
     justify-content: center; 设置主轴子项的对齐方式
     align-items: center; 设置侧轴子项的对齐方式