[CSS3参考手册](http://css.doyoe.com/)»[属性列表](#)»[新弹性盒模型属性](#)»
相关内容:
[**其它弹性盒模型属性**选择其它项](#)
# flex-flow
- **版本:CSS3**
- 继承性:无
### 语法:
**flex-flow**:[ [flex-direction](#) ] || [ [flex-wrap](#) ]
**默认值**:看各分拆属性
**适用于**:弹性盒模型容器
**继承性**:无
### 取值:
[ [flex-direction](#) ]:定义弹性盒子元素的排列方向。[ [flex-wrap](#) ]:定义弹性盒子元素溢出父容器时是否换行。
### 说明:
**复合属性。设置或检索弹性盒模型对象的子元素排列方式。**
- 对应的脚本特性为**flexFlow**。
### 兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 墨绿 = 部分支持
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
较早版本 | 6.0-10.0 | 4.0-25.0 | 5.1.7-6.0 | 21.0-28.0-webkit- | 9.5-12.0 |
较新版本 | 11.0 | 7.0-webkit- | 29.0 | 12.1 |
### 示例:
# flex-flow示例:
### flex-flow:row nowrap
- a
- b
- c
### flex-flow:row wrap-reverse
- a
- b
- c
### flex-flow:column wrap-reverse;
- a
- b
- c