在網頁布局中，導航欄通常是一個重要的元素，而居中顯示導航欄可以提高網頁的美觀度和可用性。下面介紹一種利用CSS將導航欄居中的方法。
代碼如下：

nav {
display: flex; /* 設置導航欄為彈性盒子*/
justify-content: center; /* 居中 */
}
nav ul {
display: flex; /* 將ul設置為彈性盒子 */
list-style: none; /* 去除ul默認樣式 */
margin: 0; /* 去除邊距 */
padding: 0; /* 去除內邊距 */
}
nav li {
margin: 0 10px; /* 設置每個導航欄項之間的間隔 */
}
nav a {
text-decoration: none; /* 去除下劃線 */
color: #000; /* 設置文字顏色 */
font-size: 16px; /* 設置字體大小 */
}

解析：
首先，將導航欄設置為flex布局，通過justify-content屬性將其居中顯示。
接著，將ul標簽設置為flex布局，以便控制每個導航欄項的間隔和排列方式。通過margin和padding屬性，去除了ul標簽以及其內部元素的默認邊距和內邊距。
最后，設置每個導航欄項之間的間隔和文字顏色、大小等樣式。
使用以上CSS樣式后，導航欄就可以成功居中顯示了。通過上述代碼，你可以輕松實現居中導航欄的效果。