在網頁設計中，我們常常需要使用無序列表（unordered list）來呈現一些內容，但是默認情況下，這些列表項會以水平方向排布，如果我們想讓它們居中顯示，該怎么辦呢？下面就是解決方案。

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

代碼中，我們首先將父元素設置為一個彈性盒子（flexbox），并且使用justify-content和align-items屬性分別控制水平和垂直方向的居中。接著，我們給每個列表項添加一些間距。

但是，如果我們只有兩個列表項，那么上面的代碼會讓它們緊挨在一起，無法居中。這時候，我們可以采用以下代碼來解決問題：

ul {
display: flex;
justify-content: center;
}
li {
margin: 0px 20px;
min-width: 100px;
}
li:first-child {
margin-left: 0px;
}
li:last-child {
margin-right: 0px;
}

這里，我們增加了min-width屬性來限制每個列表項的最小寬度，然后又使用:first-child和:last-child偽類來分別控制第一個和最后一個列表項的間距，使它們居中顯示。

總之，通過使用彈性盒子和一些CSS技巧，我們可以輕松地讓多個無序列表項居中顯示。希望這篇文章對你有所幫助！