CSS flex-flow属性

定义和用法

flex-flow属性是下列属性的缩写属性。

注意：如果元素不是flex项，则flex-flow属性无效。

特征	说明
默认值	row nowrap
继承	没有
动画	没有。CSS动画参考
CSS版本	CSS3
JavaScript语法	object.style.flexFlow="column nowrap"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	Internet Explorer	Chrome	FireFox	Safari	Opera
属性名称
flex-flow	11.0	29.0 21.0 -webkit-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-flow: flex-direction flex-wrap|initial|inherit;

使flex项目以相反的顺序显示，并在必要时换行：

div {
 display: -webkit-flex; /* Safari */
 -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
 display: flex;
 flex-flow: row-reverse wrap;
}

尝试一下

属性值	描述
flex-direction	可能的值是: row row-reverse column column-reverse initial inherit 默认值是 "row"，指定flex项目的方向
flex-wrap	可能的值是: nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"，指定flex项目是否应该换行
initial	将此属性设置为其默认值。查看initial关键字
inherit	从其父元素继承此属性。查看inherit关键字