今天我們來學習如何使用 CSS 將頁面內容居中顯示。在網頁設計之中，居中顯示內容是一項非常普遍和基礎的技能，也是一個讓網頁看起來更加和諧美觀的方法。下面我們就來看一下如何使用 CSS 實現居中顯示。 首先，我們需要指定居中顯示的元素，可以是一個標題、一段文字、一個圖片等等。接著，在 CSS 中，我們使用 text-align 屬性將其居中顯示。把它設置為 center 就行了。 下面是一個實例代碼的展示：

p {
text-align: center;
}

這里的 p 就是我們需要居中顯示的元素，可以改成其他標簽，如 h1、div 等等，只要擁有這個屬性的標簽都可以使用這個方法。 當然，如果我們想要把整個頁面都居中顯示，我們也可以使用 margin 屬性來實現。我們可以把上下左右的 margin 都設置為 auto，就可以使元素水平和垂直方向上都居中了。 下面是一個具體的實例代碼：

body {
margin: auto;
}

這樣，整個頁面就會居中顯示了。不過要注意，這里的 margin 屬性只對塊級元素有效，行內元素不行。 總結一下，使用 CSS 居中顯示內容不僅簡單，而且是非常實用的技能，尤其是在進行網頁布局的時候，我們經常需要將內容居中顯示。使用 text-align 和 margin 屬性，我們可以輕松實現居中顯示，讓網頁看起來更加美觀和專業。