在網頁設計中，居中對齊是常見的布局技巧之一。通過使用 CSS 居中對齊，可以輕松地將文本或圖像居中在屏幕上。本文將介紹如何使用 CSS 設置中間對齊。

## 設置文本居中

要將文本居中，可以使用 CSS 的 `text-align` 屬性。例如，可以使用以下代碼將文本居中：

```css

text-align: center;

將 `text-align` 屬性值設置為 `center`，將文本自動居中。如果要在文本周圍添加一些空格來使文本居中，可以使用以下代碼：

```css

text-align: center;

text-justify: center;

text-align-items: center;

這些代碼將分別將文本居中、justify 和 align 到 center，以及將文本周圍添加一些空格來使文本居中。

## 設置圖像居中

要將圖像居中，可以使用 CSS 的 `position` 屬性。例如，可以使用以下代碼將圖像居中：

```css

position: absolute;

top: 50%;

transform: translateY(-50%);

在這個例子中，`position: absolute` 將圖像定位到屏幕的中央，`top: 50%;` 和 `transform: translateY(-50%);` 將圖像向下移動50%。

## 其他居中對齊方法

除了使用 CSS 的 `text-align` 和 `position` 屬性之外，還有其他方法可以居中對齊文本或圖像。例如，可以使用 `margin: 0 auto` 來使文本或圖像居中，或者使用 `display: flex` 和 `align-items: center` 來將元素居中。

總之，使用 CSS 居中對齊可以大大簡化網頁設計的過程，使網頁更加易于閱讀和維護。