弹性布局，使元素布局更具灵活性
| 属性 | 介绍 | 值 |
|---|---|---|
| flex-direction | 主轴方向 | row / row-reverse / column / column-reverse |
| justify-content | 主轴对齐方式 | flex-start / flex-end / center / space-between / space-around |
| flex-wrap | 换行 | nowrap / wrap / wrap-reverse |
| flex-flow | 缩写 | flex-direction || flex-wrap |
| align-items | 交叉轴对齐 | flex-start / flex-end / center / baseline / stretch |
| align-content | 上下排布 | flex-start / flex-end / center / space-between / space-around / stretch |
| 属性 | 介绍 |
|---|---|
| order | 项目的排列顺序 |
| flex-grow | 项目的放大比例 |
| flex-shrink | 项目的缩小比例 |
| flex-basis | 分配多余空间 |
| align-self | 单个项目与其他项目不一样的对齐方式 |
| flex | 缩写flex-grow || flex-shrink || flex-basis |
css — 2021年7月4日