flex-wrap控制子元素换行方式，flex-flow是flex-direction与flex-wrap的简写。flex-wrap有nowrap、wrap、wrap-reverse三个值，决定是否换行及方向；flex-flow语法为“主轴方向 换行行为”，如row wrap表示横向排列并向下换行。示例中.container设置flex-flow: row wrap实现响应式图片网格，项目在空间不足时自动换行，配合gap和固定尺寸形成自适应布局。常见组合包括column nowrap用于侧边栏，column wrap模拟多列排版，row wrap-reverse创造特殊视觉堆叠效果。使用flex-flow可简化代码，提高布局定义效率，并支持单独覆盖flex-wrap值，增强灵活性。
flex-wrap 和 flex-flow 都是 CSS Flexbox 布局中的重要属性，它们控制弹性容器中子元素的换行方式和整体排列方向。通过结合使用这两个属性，可以更灵活地实现响应式布局。
flex-wrap 决定弹性项目是否换行以及换行的方向。它有三个常用值：
flex-flow 是 flex-direction 和 flex-wrap 的简写属性，语法为：
flex-flow:例如：
假设我们要创建一个响应式的图片网格，每项宽度固定，超出容器时自动换行：
.container {HTML 结构：
效果说明：当容器宽度不足以容纳所有项目在一行时，flex-flow: row wrap 会让项目自动换行显示，形成多行布局，适配不同屏幕尺寸。
基本上就这些。使用 flex-flow 简写能更简洁地定义主轴方向和换行行为，比单独设置 flex-direction 和 flex-wrap 更高效。搭配 flex-wrap 单独调整时也能覆盖简写中的换行设置，灵活性高。
如row wrap表示横向排列并向下换行。示例中.container设置flex-flow: row wrap实现响应式图片网格，项目在空间不足时自动换行，配合gap和固定尺寸形成自适应布局。常见组合包括column nowrap用于侧边栏，column wrap模拟多列排版，row wrap-reverse创造特殊视觉堆叠效果。使用flex-flow可简化代码，提高布局定义效率，并支持单独覆盖flex-wrap值，增强灵活性。