標題：使用 CSS 讓整體居中的方法

在網頁設計中，居中是一種常用的布局技巧。現在，我們可以通過 CSS 來讓一個元素或整個頁面居中。在本文中，我們將介紹如何使用 CSS 讓整體居中的方法。

首先，讓我們了解如何設置一個元素居中。可以使用 `居中` 屬性，它適用于 `div`、`span` 和 `p` 元素等。例如，要將一個文本框設置為居中，可以代碼如下：

```css

text-align: center;

除了 `居中` 屬性，我們還可以使用 `margin` 和 `padding` 屬性來將元素偏移一個固定位置。例如，要將一個文本框居中并偏移一個屏幕寬度，可以代碼如下：

```css

text-align: center;

margin: 50px auto;

這里，我們將設置元素 `margin` 屬性為 `50px auto`，這意味著元素將自動偏移并居中，但元素的 `padding` 仍然會自動增加以確保元素在屏幕上完整顯示。

現在，讓我們來探討如何讓整個頁面居中。可以使用 `display` 屬性將容器設置為 `flex`，然后使用 `align-items` 和 `justify-content` 屬性來將整個頁面居中。例如，要將一個容器設置為 `flex`，并將整個頁面設置為居中，可以代碼如下：

```css

display: flex;

align-items: center;

justify-content: center;

這里，我們將使用 `align-items` 屬性將整個頁面居中，并使用 `justify-content` 屬性將頁面的上下兩端也居中。

需要注意的是，使用 CSS 讓整體居中需要將容器設置為 `flex` 容器，并且需要使用適當的 `margin` 和 `padding` 屬性來使元素居中。此外，如果頁面中的元素數量較多，使用 CSS 讓整體居中可能會使頁面變得復雜，因此建議在設計頁面時考慮使用 HTML 和 CSS 進行布局。