在 CSS 中使用 Flex 1 时，必须了解其主要功能以及如何应用它来创建响应式和动态设计。以下是每个 Web 设计师都应该了解的 CSS 中 Flex 1 的一些主要功能：
Flex-grow：此属性确定当空间可用时如何在 Flex 容器内分配额外空间。通过将元素上的 Flex-grow 值设置为 1，该元素将占用容器内任何可用的额外空间。
Flex-shrink：与 Flex-grow 不同，Flex-shrink 控制元 泰国号码 素在可用空间有限时收缩的能力。通过在元素上定义 Flex-shrink 值，我们可以指定它在必要时可以收缩的程度。
Flex-basis：此属性设置在分配额外空间或应用收缩调整之前元素的初始基本尺寸。它对于定义容器内 Flex 元素的初始大小特别有用。
Flex： “Flex”简写属性将 Flex-grow、Flex-shrink 和 Flex-basis 组合到一个方便的声明中。通过使用“Flex”属性，我们可以快速定义 Flex 元素在增长、收缩和基本尺寸方面的行为方式。