在網頁設計中，我們常常需要將整個頁面的內容居中顯示，而CSS提供了多種方式實現。 一種最簡單的方法是使用`text-align:center`，將頁面的所有文本都居中對齊。但這種方法只適用于純文本內容，對于圖像、表格等元素則不適用。 另一種常用方法是使用`margin:auto`，將頁面上的元素都居中顯示。例如，我們可以在一個`div`標簽中包含整個頁面的內容，然后設置`margin:auto`和一個固定的寬度值，即可實現內容在頁面居中顯示。 以下是示例代碼：

<style>
.container{
width:800px; /*設置容器的寬度*/
margin:auto; /*設置左右邊距為自動*/
}
</style>
<div class="container">
<p>這是一個居中對齊的段落。</p>
<img src="example.jpg"><table>
<tr>
<td>表格內容</td>
<td>表格內容</td>
</tr>
<tr>
<td>表格內容</td>
<td>表格內容</td>
</tr>
</table>
</div>

總之，使用`margin:auto`可以輕松實現頁面內容的居中顯示，是我們網頁設計中的一種常見技巧。