如何讓CSS橫排導航居中

在網頁設計中，我們經常使用橫排導航，但有時我們需要將它們居中，讓網站更美觀。這里將介紹如何用CSS居中橫排導航。

nav {
display: flex;
justify-content: center;
}

以上代碼會將導航條置于其容器的水平中心。具體說明如下：

• display: flex; 通過將 nav 元素設置為 Flexbox 容器，使其內部元素按照一行排列
• justify-content: center; 通過設置justify-content屬性為center，使導航欄內部元素的內容居中

最后，下面是完整的CSS代碼實例：

nav {
display: flex;
justify-content: center;
}
nav ul {
list-style: none;
display: flex;
}
nav li {
margin: 0 10px;
}

在上述代碼中，由于Flexbox的靈活性，我們可以自由設置導航條和導航項之間的間距，使網站的導航欄更加美觀和順暢。

最終，我們成功居中了橫排導航！