flex-flow属性扩展

`flex-flow` 属性是 CSS3 中引入的一个复合属性，用于设置弹性布局（Flexbox）的主要轴和交叉轴的方向。它结合了 `flex-direction` 和 `justify-content` 和 `align-items` 的功能，可以简明地控制弹性容器内的元素排列方式。

`flex-flow` 的语法通常是这样的：

flex-flow: [direction || 'row'] [nowrap | wrap | wrap-reverse] [align];

- direction: 决定主轴的方向，可以是 "row" (默认，从左到右)、"column" (从上到下) 或 "row-reverse" 和 "column-reverse"。
- nowrap: 如果存在，表示项目不会换行，默认就是不换行。
- wrap / wrap-reverse: 控制项目的换行行为，wrap 表示允许换行，wrap-reverse 则是从最后一项开始换行。
- align: 可选，指定交叉轴上的对齐方式，类似 `align-items` 属性，如 "center", "flex-start", "flex-end", 等。

使用这个属性可以使布局更加直观和灵活，便于处理各种屏幕尺寸和方向的需求。例如：

.container {
  flex-flow: column-wrap; /* 指定为主轴垂直，允许换行 */
}