CSS居中顯示是網頁設計中重要的一部分，可以讓網站內容更加美觀、易讀和專業。在網頁制作中，居中顯示的方式有多種，下面我們來介紹一種新建CSS居中顯示的方法。

首先，在HTML中定義需要居中顯示的元素，并加上相應的class或id屬性。例如：

<div class="centered">
<p>這里是需要居中顯示的文本或圖片</p>
</div>

然后，在CSS樣式表中添加以下代碼：

.centered{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

代碼解釋：

position: absolute; 定位方式采用絕對定位，這樣就可以把元素從文檔流中取出來，讓它可以在頁面任意位置顯示。

top: 50%; left: 50%; 把元素定位在頁面的中心位置上。

transform: translate(-50%, -50%); 在元素被定位到中心點的基礎上，再次用transform屬性實現向左上角移動元素的一半大小。這樣就可以完美的實現CSS居中顯示的效果了。

以上代碼適用于所有需要居中顯示的元素，無論是文本、圖片還是其他元素，都可以使用這種方式來實現。試試吧，相信它一定會給你的網頁帶來意想不到的效果！