CSS如何居中菜單？這是很多網頁設計師和開發人員想要知道的問題。菜單是網站導航的重要組成部分。良好的菜單設計能夠讓用戶更好地瀏覽網站內容。下面我們介紹一些居中菜單的方法。

/* 水平居中 */
ul {
display: table; /* 將ul標記轉化為表格 */
margin: 0 auto; /* 水平居中 */
}
/* 垂直居中 */
ul {
position: absolute; /* 設置絕對定位 */
left: 50%; /* 初始位置為居中 */
top: 50%;
transform: translate(-50%, -50%); /* 通過translate()函數實現垂直居中 */
}
/* 水平和垂直都居中 */
ul {
position: absolute; /* 設置絕對定位 */
left: 50%; /* 初始位置為居中 */
top: 50%;
transform: translate(-50%, -50%); /* 居中 */
}

以上是一些常見的居中菜單的方法。不同的方法適用于不同的情況，根據設計要求選擇最合適的方法能夠讓菜單更加美觀和易用。