MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

这篇翻译不完整。请帮忙从英语翻译这篇文章

概述

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 typediscrete
正规顺序order of appearance in the formal grammar of the values

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

语法

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

取值

更多取值信息请查看 flex-directionflex-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  

浏览器兼容性

特性 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

另参见

文档标签和贡献者

 此页面的贡献者: dongyu.zhang, fscholz, Go7hic, Sebastianz, jianzhou520, f2ebill
 最后编辑者: dongyu.zhang,