align-content
多列交叉轴方向的布局
把多列的item在整体的垂直方向上设置位置 使用align-content
align-content: center;
如果是当个item控制他的垂直方向我们使用align-items
flex-start 在交叉轴的起始
flex-end 在交叉轴的末尾
center 在交叉轴的中间
space-between 在交叉轴的两端
space-around 空白环绕 两个项目之间的距离大一倍
stretch 是默认值 要想设置 首先不能设置item的高度
/* align-content: space-between; */
order
交叉轴上的对齐方式，允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性
定义项目的排列顺序。数值越小，排列越靠前，默认为0
flex-basis
flex布局item的基本宽度
设置了flex-basis width会失效 同时存在的时候，优先使用flex-basis
如果父元素的宽度太小了，item排列不下 设置的flex-basis的宽度会自动缩小，直到占满父元素
flex-grow
定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。主要作用是：分配剩余空间 默认值0代表不放大 1 就代表放大 均匀占满父元素
flex-shrink
flex-shrink 属性指定了 flex 元素的收缩规则，默认值为1。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。
