在網頁設計和制作中，讓頁面所有的內容居中顯示是非常常見的需求。下面我們就來介紹一下使用CSS如何讓頁面內容居中顯示。

/* 水平居中 */
.container {
width: 960px;
margin: 0 auto;
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
justify-content: center;
}

讓內容水平居中，只需要給包裹內容的標簽設置一個固定寬度，再使用margin屬性將左右的空白區域分別設置為“auto”即可。

如果要讓內容垂直居中，可以使用flex布局。將包裹內容的標簽設置為flex容器，然后使用align-items和justify-content屬性分別設置為“center”，即可實現垂直居中效果。

除了這兩種方法，CSS還可以通過其他屬性和技巧實現內容居中。例如通過text-align設置居中對齊、使用絕對定位和transform等等。