標題：使用 CSS 將整個頁面居中
在 Web 開發中，居中是一種常用的布局技巧。在 CSS 中，可以使用 `margin: 0 auto` 屬性來將整個頁面居中。下面我們將介紹如何使用這個屬性來實現整個頁面的居中。
首先，我們需要將需要居中的元素添加到頁面中。對于整個頁面，我們可以使用 `body` 元素來實現居中。例如：
```html
<body style="margin: 0 auto;">
<div style="width: 100%; height: 100vh;">
<h1>居中的文本</h1>
<p>居中的段落</p>
</div>
</body>
在這個例子中，`body` 元素使用 `margin: 0 auto` 屬性將整個頁面居中。`vh`(viewport height)屬性用于計算頁面的高度，因為瀏覽器窗口的大小會影響頁面的高度。`100vh` 表示頁面的實際高度，即瀏覽器窗口的高度乘以頁面的覆蓋率。
除了使用 `body` 元素，我們還可以使用其他元素來實現居中，例如使用 `div` 元素將需要居中的元素包圍起來，再使用 `margin: 0 auto` 屬性將它們居中。例如：
```html
<div style="width: 100%; height: 100vh; margin: 0 auto;">
<h1>居中的文本</h1>
<p>居中的段落</p>
</div>
在這個例子中，`div` 元素使用 `margin: 0 auto` 屬性將需要居中的元素居中。
需要注意的是，`margin: 0 auto` 屬性只能將元素居中，而無法將整個頁面的內容居中。如果想要將整個頁面的內容居中，可以使用其他布局技巧，例如使用表格、絕對定位和偽元素等。
總之，使用 CSS 將整個頁面居中是一種非常實用的布局技巧。通過使用 `margin: 0 auto`，我們可以輕松地將整個頁面的內容居中。