本文详细介绍了Flex布局中的容器属性和项目属性，包括flex-direction、flex-wrap、justify-content、align-items、align-content等，以及order、flex-shrink、flex-grow、flex-basis、flex和align-self等属性的作用和用法，帮助理解如何控制容器内部项目的排列和对齐方式。
Flex属性
容器属性：用于规定容器布局方式从而控制内部项目的排列和对齐方式
| 属性 | 解释 | 默认值 | 其他有效值 |
| flex-direction | 项目排列方向 | row | row-reverse|column|column-reverse |
| flex-wrap | 项目是否换行 | nowrap | wrap|wrap-reverse |
| justify-content | 项目在主轴方向上对齐方式 | flex-start | flex-end|center|space-between| space-around|space-evenly |
| align-items | 水平方向的对齐方式 | stretch | center |flex-end|baseline|flex-start |
| align-content | 多行排列时，设置行在交叉轴方向上的对齐方式 | stretch | flex-start|center|flex-end|space-between |space-around|space-evenly |
项目属性：用于设置容器内部项目的尺寸、位置以及对齐方式
| 属性 | 解释 | 默认值 | 其他有效值 | </
最低0.47元/天 解锁文章
3100
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
