在 CSS 中，水平對齊方式有兩種：居中和垂直對齊。居中和垂直對齊是 CSS 中最基本的兩種對齊方式，下面將詳細介紹。

1. 垂直對齊

垂直對齊是指在文本垂直方向上對文本進行對齊。這種對齊方式可以讓文本垂直方向上對齊。垂直對齊的方式包括：

- 水平居中對齊：讓文本在水平和垂直方向上都居中。

- 垂直向上對齊：將文本垂直方向上向上移動一個字符高度。

- 垂直向下對齊：將文本垂直方向上向下移動一個字符高度。

- 垂直左右對齊：將文本在水平和垂直方向上向左或向右移動一個字符高度。

2. 水平對齊

水平對齊是指在文本水平方向上對文本進行對齊。這種對齊方式可以讓文本水平方向上對齊。水平對齊的方式包括：

- 水平居中對齊：讓文本在水平和垂直方向上都居中。

- 水平向左對齊：將文本在水平和垂直方向上向左移動一個字符高度。

- 水平向右對齊：將文本在水平和垂直方向上向右移動一個字符高度。

- 水平下對齊：將文本在水平和垂直方向上向下移動一個字符高度。

- 水平中對齊：將文本在水平和垂直方向上居中，但只移動一個字符高度。

使用 CSS 進行水平對齊時，可以使用 `margin` 和 `padding` 屬性來實現。例如，要水平居中對齊文本，可以使用以下代碼：

```css

text-align: center;

如果要垂直對齊文本，可以使用以下代碼：

```css

text-align: left;

如果要水平向左對齊文本，可以使用以下代碼：

```css

text-align: right;

如果要水平向右對齊文本，可以使用以下代碼：

```css

text-align: left;

3. 總結

在 CSS 中，水平對齊方式有兩種：垂直對齊和水平居中對齊。垂直對齊可以讓文本垂直方向上對齊；水平居中對齊可以讓文本在水平和垂直方向上都居中。使用 `margin` 和 `padding` 屬性可以實現水平對齊。