概述
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 弹性盒
语法
取值
更多取值信息请查看
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 |