今天我們來講一下如何使用CSS讓ul li垂直居中。 先來看一下我們要居中的ul li代碼：

<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>

第一種方法是使用flex布局，將ul的display屬性設置為flex，然后使用align-items屬性將li居中。

ul {
display: flex;
justify-content: center;
align-items: center;
}
li {
list-style: none;
}

第二種方法是使用絕對定位，將ul設置為相對定位，然后通過絕對定位把li放在中間。

ul {
position: relative;
height: 100px;
}
li {
position: absolute;
top: 50%;
transform: translateY(-50%);
list-style: none;
}

第三種方法是使用line-height，將ul的line-height設置為和高度一樣，然后把li的line-height設置為1，就可以實現垂直居中了。

ul {
height: 100px;
line-height: 100px;
}
li {
line-height: 1;
list-style: none;
}

以上就是三種常見的CSS讓ul li垂直居中的方法，可以根據實際情況選擇使用哪種方法。