CSS flex-flow 属性

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

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

定义和用法

这个flex-flowproperty 是以下属性的简写：

笔记：如果元素不是灵活项，则flex-flow属性没有影响。

默认值：	行现在包裹
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.flexFlow="column nowrap"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
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;

Value	Description	Play it
flex-direction	Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items	Demo ❯
flex-wrap	Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit