flex-wrap 控制 flex 容器内项目的换行行为。属性值：nowrap（默认）：不换行，所有项目排在一行。wrap：项目按需换行，从上到下排列。wrap-reverse：项目按需换行，从下到上排列。示例：用法：nowrap所有项目挤在一行，可能溢出容器。效果：三个 100px 宽的项目挤在 200px 容器内，溢出。wrap项目自动换行，避免溢出。效果：前两项目在第一行，第三项目换到第二行
flex-direction: row默认值：子元素水平排列，从左到右。示例：效果：Item 1、Item 2、Item 3 从左到右水平排列。用法：适用于需要水平布局的场景（如导航栏、按钮组）。与 justify-content 和 align-items 配合控制对齐方式。flex-direction: column作用：子元素垂直排列，从上到下。示例：效果：Item 1、Item 2、Ite
