CSS如何實現導航居中顯示呢？下面將會為大家介紹詳細的實現方法。

nav {
display: flex;
justify-content: center;
}
nav ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
nav li {
padding: 0 20px;
}
nav a {
text-decoration: none;
color: #333;
}

首先，我們需要將導航欄的容器設置為彈性布局的方式（display: flex）并且設置主軸居中（justify-content: center）。接著，我們需要對ul標簽進行設置，將其顯示方式設為彈性布局（display: flex），同時將列表的標志設置為無（list-style: none），以及將之前的內外邊距統一設置為0（padding: 0; margin: 0;)。

最后，我們需要對li和a標簽進行對應的樣式設置，例如li標簽需要設置左右邊距（padding: 0 20px），a標簽需要去除下劃線（text-decoration: none），以及設置字體顏色（color: #333）等等。

通過以上的CSS樣式設置，我們就可以將導航欄居中顯示了。