本文详细介绍了Flex布局中容器和成员的特性，包括flex-direction、flex-wrap、justify-content、align-items和align-content等关键属性，以及子元素的flex、align-self和order属性，帮助读者掌握如何灵活布局多行或多列内容。
flex布局分为容器和成员，且设为flex布局后，子元素的
float、clear和vertical-align属性将失效。
主轴和侧轴 （默认）
容器的常用属性
- flex-direction 设置主轴方向（子元素展示方向）
- flex-wrap 设置子元素是否换行
- justify-content 设置主轴子元素对齐方式
- align-items 设置侧轴子元素对齐方式（单行）
- align-content 设置侧轴子元素对齐方式（多行）
- flex-flow 复合属性，相当于同时设置了flex-direction和flex-wrap
子元素的常用属性
- flex 子元素占的份数
- align-self 控制子项自己在侧轴上的排序方式
- order 属性定义项目的排列顺序（数值越小越靠前）
1378
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
