flex-flow - CSS（层叠样式表） 编辑

概述

CSS flex-flow 属性是 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
Animation type	discrete
正规顺序	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	Candidate Recommendation

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• 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

另参见

• 使用 CSS 弹性盒子