基本语法如下：
.flex-container {
flex-flow: flex-direction flex-wrap;
}
其中 flex-direction 可以是 row、row-reverse、column 或 column-reverse，而 flex-wrap 可以是 nowrap、wrap 或 wrap-reverse。
以下是一些例子：
1. 水平方向，不换行（默认值）：
.flex-container {
flex-flow: row nowrap;
}
2. 水平方向，换行：
.flex-container {
flex-flow: row wrap;
}
3. 垂直方向，不换行：
.flex-container {
flex-flow: column nowrap;
}
4. 垂直方向，换行：
.flex-container {
flex-flow: column wrap;
}
5. 水平方向，换行，且换行时从下方开始：
.flex-container {
flex-flow: row wrap-reverse;
}
flex-flow 属性简化了同时设置 flex-direction 和 flex-wrap 两个属性的过程，使得代码更为简洁。
转载请注明出处：http://www.zyzy.cn/article/detail/4183/CSS