概述
CSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。
| 初始值 | as each of the properties of the shorthand:
|
|---|---|
| 适用元素 | flex containers |
| 是否是继承属性 | 否 |
| 适用媒体 | visual |
| 计算值 | as each of the properties of the shorthand:
|
| 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!
| 特性 | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基础支持 | 28.0 |
21.0-webkit |
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 |