flexbox 是 css 中的一組屬性，用于靈活布局元素，提供對布局的極大控制權。它具有以下主要特性：定義主軸和次軸的方向。指定項目在容器中的排列、空間分配和對齊方式。順序確定項目在容器中的順序。優點包括響應式、靈活、易用。使用時，需要將 display 屬性設置為 flex 或 inline-flex，并使用特定屬性控制布局。
CSS 中的 Flex
什么是 Flex？
Flexbox（彈性布局）是 CSS 中的一組屬性，它允許您靈活地布局元素，并根據容器的大小和內容自動調整它們的尺寸和位置。它提供了對布局極大的控制權，可以創建復雜的、響應式的布局。
Flexbox 的主要特性
Flexbox 具有以下主要特性：
主軸：定義元素排列的方向（水平或垂直）。
次軸：定義元素排列在主軸上的方向。
項目：Flexbox 容器中的單個元素。
空間分配：指定項目占用容器空間的方式。
對齊：控制項目在主軸和次軸上的對齊方式。
順序：指定項目在 Flexbox 容器中的順序。
Flexbox 的優點
使用 Flexbox 布局具有以下優點：
響應式：布局會自動調整以適應不同尺寸和設備。
靈活：它允許您輕松創建復雜布局，并根據需要調整項目。
易用：與其他布局技術相比，Flexbox 相對容易使用和理解。
使用 Flexbox
要使用 Flexbox，您需要將 display 屬性設置為 flex 或 inline-flex。然后，您可以使用以下屬性來控制布局：
flex-direction：設置主軸的方向。
flex-wrap：指定項目是否換行。
justify-content：控制項目在主軸上的對齊方式。
align-items：控制項目在次軸上的對齊方式。
align-content：控制項目多行時在次軸上的對齊方式。
