在 CSS 中，Flexbox 是一種常用的布局技術，允許開發人員使用多個容器元素來布局和組織他們的內容。通過使用 Flexbox，我們可以創建靈活的、可伸縮的和響應式的布局，使得我們的網站更加美觀、高效和易于維護。

下面是一些在 CSS 中使用 Flexbox 的基本步驟：

1. 定義 Flexbox 容器

在 Flexbox 中，容器是 Flexbox 布局的基礎。容器必須具有三個屬性：flex-direction、justify-content 和 align-items。其中，flex-direction 指定 Flexbox 容器的排列方向，justify-content 和 align-items 指定 Flexbox 容器內子元素的排列方式和對齊方式。

例如，下面的代碼定義了一個 Flexbox 容器，其中左、中、右三個方向都可以使用 Flexbox:

2. 定義 Flexbox 子元素

在 Flexbox 中，每個子元素都可以使用 Flexbox 容器的屬性來定義其布局方式。例如，下面代碼定義了一個 Flexbox 子元素，其中每個子元素都使用 Flex-direction:row 來排列在一行上：

3. 使用 Flexbox 布局

一旦我們定義了 Flexbox 容器和子元素，我們就可以使用 Flexbox 布局來實現我們想要的效果。例如，下面代碼使用 Flexbox 布局將一個表格填滿整個屏幕：

.flex-container {

display: flex;

flex-wrap: wrap;

.flex-row {

flex: 1;

.flex-col {

flex: 1;

margin: 0 auto;

.flex-cell {

display: flex;

justify-content: space-between;

通過使用 Flexbox，我們可以創建靈活的布局，滿足不同的需求，使得我們的網站更加美觀、高效和易于維護。