序号 | 属性 | 描述 |
---|---|---|
1 | flex-direction | 主轴方向(项目的排列方向)row(水平,默认),column(垂直方向),后面加个 reserve 表示反向 |
2 | flex-wrap | 主轴方向上排列不下时,换行排列,默认 nowrap 不换行 |
3 | flex-flow | 前两项的简写 |
4 | justify-content | 主轴上的对齐方式 |
5 | align-items | 交叉轴上的对齐方式 |
6 | align-content | 在多根轴线上的对齐方式 |
序号 | 属性 | 描述 |
---|---|---|
1 | order | 项目的排序权值,值越小越靠前,可以是负数 |
2 | flex-grow | 项目放大因子,默认 0,不放大,必须有可以放大的剩余空间 |
3 | flex-shrink | 项目的缩小因子,默认 0,不缩小,空间不足时用 |
4 | flex-basis | 项目占主轴空间的大小,默认 auto,原始大小,优先级高于 min-width/height,低于 width/height |
5 | flex | 2\3\4 项的简写,参数按顺序,空格分隔 |
6 | align-self | 单个项目在容器中的对齐方式,默认 auto |