多列交叉轴方向的布局
把多列的item在整体的垂直方向上设置位置 使用align-content
align-content: center;
如果是当个item控制他的垂直方向我们使用align-items
align-items: center;
flex-start 在交叉轴的起始
flex-end 在交叉轴的末尾
center 在交叉轴的中间
space-between 在交叉轴的两端
space-around 空白环绕 两个项目之间的距离大一倍
stretch 是默认值 要想设置 首先不能设置item的高度
控制单个的在交叉轴的方向
align-self：flex-start ；
align-self：flex-end ；
align-self：center ；
align-self：stretch；
flex：grow：1;【默认值为0代表不放大，1代表放大】
flex-basis （设置之后，子元素width无效，同时使用时更优先）
flex-shrink（默认值为1，值越大，按比例缩的越小）
复合属性：flex:flex-grow flex-shrink flex-basis；
