CSS flex-flow 属性

使弹性项目以反方向显示，并在需要时换行:

div {
display: flex;
flex-flow: row-reverse wrap;
}

定义和用法

flex-flow 属性是以下属性的简写属性:

注释: 如果元素不是弹性项目，则 flex-flow 属性无效。

默认值:	row nowrap
继承性:	no
支持动画:	no. 阅读有关动画的信息
版本:	CSS3
JavaScript 语法:	object.style.flexFlow="column nowrap" 测试一下

表中的数字表示支持该属性的第一个浏览器版本。

紧跟在 -webkit- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
flex-flow	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

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

值	描述	试一试
flex-direction	可能的值: row row-reverse column column-reverse initial inherit 默认值为 "row"。规定弹性项目的方向。	亲自试一试 »
flex-wrap	可能的值: nowrap wrap wrap-reverse initial inherit 默认值为 "nowrap"。规定弹性项目是否应换行。	亲自试一试 »
initial	将此属性设置为其默认值。请参阅 initial	亲自试一试 »
inherit	从其父元素继承此属性。请参阅 inherit