在開發網頁時經常會用到列表，而UL（無序列表）是使用最為廣泛的一種列表方式。但是，有時候需要把UL垂直居中顯示在頁面中，所以今天我們來解決這個問題。

在CSS中，有兩種垂直居中的方式：絕對定位和flex布局。首先，我們來看看如何使用絕對定位：

ul {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

通過將UL元素的位置設置為絕對定位，并使用top屬性將其放在頁面的中央位置。然后，使用transform屬性并將其設置為translateY(-50%)，使UL元素向上移動50%的高度，實現垂直居中。

接下來，我們來看看使用flex布局的方法：

.container {
display: flex;
align-items: center;
}
ul {
margin: 0 auto;
}

將UL元素的外層容器使用flex布局，并使用align-items:center屬性來實現垂直居中。然后，使用margin: 0 auto；來讓UL元素水平居中，最終實現UL垂直居中的效果。

總結來說，我們可以使用絕對定位和flex布局兩種方式來實現UL垂直居中的效果。希望能對大家有所幫助！