CSS導航菜單內的項目通常需要垂直和水平居中顯示。但是，很多人不知道該如何實現這一目標。

.nav {
display: flex;
justify-content: center;
align-items: center;
}
.nav li {
margin: 0 20px;
}

解釋：

首先，我們將導航菜單父元素設置為flex。同時，我們使用justify-content:center和align-items:center屬性將其水平和垂直居中對齊。

其次，我們將每個導航菜單項周圍的邊距設置為20像素，以便留出足夠的空間。

使用這些CSS屬性，將輕松實現將導航菜單居中對齊的目標，并且無需使用JavaScript或其他自定義代碼。