flex-flow

概述

flex-flow是一个简写的css属性，它由flex-direction(伸缩方向) 和 flex-wrap(是否强制换行)组成；

初始值	as each of the properties of the shorthand: flex-direction: row flex-wrap: nowrap
适用元素	flex containers
是否是继承属性	否
适用媒体	visual
计算值	as each of the properties of the shorthand: flex-direction: as specified flex-wrap: as specified
是否适用于 CSS 动画	否
正规顺序	order of appearance in the formal grammar of the values

更多信息参见 使用 CSS 弹性盒

语法

Formal syntax: <'flex-direction'> || <'flex-wrap'>

取值

更多取值信息请查看flex-direction 和 flex-wrap

示例

element { 
  /* Main-axis is the block direction with reversed main-start and main-end. Flex items are laid out in multiple lines */
  flex-flow: column-reverse wrap;            
}

查询参考

Specification	Status	Comment
CSS Flexible Box Layout Module	Last Call Working Draft

浏览器兼容性

• Desktop
• Mobile

特性	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
基础支持	28.0	21.0-webkit 29.0	11	12.10	6.1-webkit

Feature	Firefox Mobile (Gecko)	Android	IE Phone	Opera Mobile	Safari Mobile
基础支持	28.0	?	11	12.10	7.1-webkit

另参见

• Using CSS flexible boxes