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