排列方向
主轴对齐
交差轴对齐
间距
子元素属性
order 作用: 设置项目的排列顺序,值越小越靠前。

值: 整数(默认值:0)

flex-grow 作用: 定义项目的放大比例,剩余空间分配规则。

值: 非负数(默认值:0)

flex-shrink 作用: 定义项目的缩小比例,空间不足时如何缩小。

值: 非负数(默认值:1)

flex-basis 作用: 定义项目的初始大小,优先级高于 width 和 height。

值: auto | (如 px, %)

flex 作用: 是 flex-grow、flex-shrink 和 flex-basis 的简写。

值: none | [ ? || ]

align-self 作用: 设置单个项目在交叉轴上的对齐方式,优先级高于 align-items。

auto: 继承 align-items 的值      flex-start: 交叉轴起点对齐         flex-end: 交叉轴终点对齐
center: 交叉轴居中对齐           baseline: 项目基线对齐            stretch: 填充容器

子元素一
子元素二
子元素三
子元素四
子元素五
子元素六