4.4.3 Flex 项目属性 CSS Flexbox 布局详解:深入理解 Flex 项目属性 (4.4.3) 1. Flex 项目属性概览 当一个 HTML 元素成为 Flex 容器 (通过设置 或 ) 后,它的 直接子元素 就变成了 Flex 项目 (Flex Items)。Flex 项目属性正是应用于这些 Flex 项目上的 CSS 属性,用于控制它们在 Flex 容器内的行为。 Flex 项目属性主要包括以下几个核心属性: : 控制 Flex 项目的排列顺序。 : 定义 Flex 项目在容器有剩余空间时,相对于其他项目放大的比例。 : 定义 Flex 项目在容器空间不足时,相对于其他项目缩小的比例。 : 定义 Flex 项目在分配剩余空间之前,沿着主轴方向的初始大小。