排列方向
主轴对齐
交差轴对齐
间距
子元素属性
order 作用: 设置项目的排列顺序,值越小越靠前。
值: 整数(默认值:0)
flex-grow 作用: 定义项目的放大比例,剩余空间分配规则。
值: 非负数(默认值:0)
flex-shrink 作用: 定义项目的缩小比例,空间不足时如何缩小。
值: 非负数(默认值:1)
flex-basis 作用: 定义项目的初始大小,优先级高于 width 和 height。
值: auto |
flex 作用: 是 flex-grow、flex-shrink 和 flex-basis 的简写。
值: none | [
align-self 作用: 设置单个项目在交叉轴上的对齐方式,优先级高于 align-items。
auto: 继承 align-items 的值
flex-start: 交叉轴起点对齐
flex-end: 交叉轴终点对齐
center: 交叉轴居中对齐
baseline: 项目基线对齐
stretch: 填充容器
子元素一
子元素二
子元素三
子元素四
子元素五
子元素六