二、整体居中：align-content:center
三、交叉轴首尾靠边，其他元素间隔平均分布：justify-content:space-between
四、交叉轴元素上下间距相同：justify-content:space-around
五、交叉轴元素间距平均：：justify-content:space-evenly
控制弹性盒子内的单独元素
一、align-self
通过
align-self 属性，可以控制单独元素，类似于对主轴整体的控制
二、元素可用空间分配：flex-grow
flex-grow 属性指子元素分配到父级盒子的占比如都是1的时候：
也可以是其他占比，如果为0则为原大小
元素动态缩小
元素动态缩小使用
flex-shrink 属性控制。当你内部元素总宽度大于外部元素宽度，又不适用
wrap 让其换行，则可以使用flex-shrink控制内部元素缩放。
0表示不缩放，数值越大，缩小成都越大
主轴的基准尺寸flex-basis
设置盒子内部元素的基准尺寸
flex-basis ，优先级大于css设置他的宽高
