flex-flow css,flex-flow

[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