CSS中的居中顯示是一個重要的布局技巧，可以讓網頁元素在頁面上居中顯示，提高頁面的美觀度和易讀性。

在CSS中，有多種居中顯示的方法，其中最常用的有以下幾種：

/* 水平居中 */
.center {
margin: 0 auto;
}
/* 垂直居中 */
.center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

第一種方法是水平居中，需要將元素的左右邊距設置為自動，這樣就可以讓元素在頁面中水平居中顯示。這種方法適用于 block 元素和替換元素。

第二種方法是垂直居中，需要使用絕對定位和 transform 屬性。首先將元素的定位設置為絕對定位，然后將元素的上邊框設置為50%。接著使用 translateY() 函數將元素沿著 y 軸向上偏移自身高度的50%。這樣就可以將元素在頁面中垂直居中顯示。

第三種方法是水平垂直居中，需要將元素的定位設置為絕對定位，然后將元素的上下左右邊距都設置為50%。接著使用 translate() 函數將元素沿著 x 軸和 y 軸分別向左和向上偏移自身寬度和高度的一半。這樣就可以將元素在頁面中水平垂直居中顯示。

在實際應用中，根據具體的需求和元素類型選用合適的居中方法，可以達到更加理想的效果。