標題：CSS 水平對齊方式

隨著網站設計的不斷進步，越來越多的網站開始使用 CSS 進行頁面布局。CSS 提供了多種水平對齊方式，可以讓設計師和開發人員更輕松地實現頁面布局。本文將介紹 CSS 中常用的幾種水平對齊方式。

1. 水平居中

水平居中是最基本的水平對齊方式之一。使用這種方法，可以將文本水平居中在頁面中。可以使用 CSS 的 `text-align: center` 屬性來實現。例如：

```html

在上面的代碼中，我們使用了 `div.center` 類來創建一個水平居中的div元素。然后，我們使用 `p.center` 類來將文本內容設置為水平居中。

2. 水平向左對齊

水平向左對齊將文本水平向左移動，直到與水平對齊基準線對齊。使用 CSS 的 `text-align: left` 屬性可以實現。例如：

```html

在上面的代碼中，我們使用了 `div.left` 類來創建一個水平向左對齊的div元素。然后，我們使用 `p.left` 類來將文本內容設置為水平向左對齊。

3. 水平向右對齊

水平向右對齊將文本水平向右移動，直到與水平對齊基準線對齊。使用 CSS 的 `text-align: right` 屬性可以實現。例如：

```html

在上面的代碼中，我們使用了 `div.right` 類來創建一個水平向右對齊的div元素。然后，我們使用 `p.right` 類來將文本內容設置為水平向右對齊。

4. 垂直居中

垂直居中是將文本垂直居中在頁面中。使用 CSS 的 `text-align: center` 屬性可以實現。例如：

```html

在上面的代碼中，我們使用了 `div.center-垂直` 類來創建一個垂直居中的div元素。然后，我們使用 `p.center-垂直` 類來將文本內容設置為垂直居中。

5. 水平對齊網格

水平對齊網格是一種更復雜的水平對齊方式，它使用一組水平對齊基準線，并根據基準線的位置將文本水平對齊。使用 CSS 的 `justify-content: space-between` 屬性可以實現。例如：

```html

在上面的代碼中，我們使用了 `div.space-between` 類來創建一個水平對齊網格的div元素。然后，我們使用 `p.space-between` 類來將文本內容設置為水平對齊網格。

以上是 CSS 中常用的幾種水平對齊方式。通過使用這些方法，可以輕松地實現頁面布局，提高用戶體驗。