flex-flow

概述

CSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。

初始值as each of the properties of the shorthand:
适用元素flex containers
是否是继承属性否
计算值as each of the properties of the shorthand:
Animation typediscrete

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

语法

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

取值

更多取值信息请查看 flex-direction (en-US) 和 flex-wrap (en-US)

示例

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! (en-US)

特性 Firefox (Gecko) Chrome Internet Explorer Opera Safari
基础支持 28.0

21.0-webkit (en-US)
29.0

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

另参见