有沒有什麼辦法可以在css中設置垂直對齊？

Question

有沒有什麼辦法可以在css中設置垂直對齊？我在<li>元素中有一個文本，但是當我將文本設置爲居中時，它只設置文本的水平對齊。但是，當我使用填充頂部功能時，它會更改<li>元素的大小。因此，如何在不更改我的<li>元素的大小的情況下設置垂直對齊？

Answer 1

嘗試調整li的line-height。

Answer 2

如果你不想調整任何空間，我建議：

li { 
    position: relative; 
    top: 2px; 
} 

這將調整相對於列表項的高度垂直位置，無需調整元素的大小。