弹性盒子-项目属性

align-self 单个项目在交叉轴的对齐方式

auto 默认 继承父容器的align-items 值

stretch 当项目未设置高度或为auto时，会占满整个父容器

flex-start 与交叉轴起点对齐 居上

flex-start 与交叉轴终点对齐 居下

center 居中对齐

baseline 与第一行文字基线对齐

order 项目排列方式

值：数字 默认为0 可为正负

值越小越靠前

1、flex-grow 项目放大比列

值：数字 默认为0 >=0 父容器有剩余空间不放大

2、flex-shrink 项目缩小

值：数字 默认为1 >=0 父容器剩余空间不足，等比例缩小

若为0 表示不缩小

3、flex-basis 项目实际空间大小 auto

简写 flex：flex-grow 【flex-shrink】【flex-basis 】；

快捷值

flex：auto flex：1 1 auto 父容器空间有剩余，等比例放大，空间不足，等比例缩小

flex：none flex：0 0 auto 父容器空间有剩余，不放大，空间不足，不缩小