在網頁開發中，經常會使用無序列表（ul）來展示內容。而多行無序列表中，使每個li垂直居中是一項重要的樣式設計。本文將介紹如何使用CSS來達到這一效果。 首先，我們先看一下默認情況下，多行li垂直對齊的問題。我們先創建一個有多行文本的無序列表：

這是第一行文本
這是第二行文本
這是第三行文本
這是第四行文本

效果如下：

• 這是第一行文本
• 這是第二行文本
• 這是第三行文本
• 這是第四行文本

可以看到，多行文本的li并沒有垂直居中對齊。這是由于默認情況下，li元素采用基線對齊的方式，即li元素的底線與相鄰文本的底線對齊。 為了解決這個問題，我們可以修改CSS樣式。我們可以使用display:table和display:table-cell來模擬表格，實現多行li元素的垂直居中對齊。

這是第一行文本
這是第二行文本
這是第三行文本
這是第四行文本

效果如下：

• 這是第一行文本
• 這是第二行文本
• 這是第三行文本
• 這是第四行文本

這種方法可以讓多行文本的li元素垂直對齊，而且適用于所有瀏覽器。如果有更好的方法，歡迎您分享。