樣式導航css邊距

Question

我在動態導航按鈕上無法居中對齊文本（水平和垂直）。 按鈕設置有和高度，使按鈕具有單行或雙行文本。 如果有單行或雙行文本，我希望文本中心對齊。

任何簡單的CSS解決方案都可以解決此問題？
正確，我已經手動用"top-margin"樣式設置了帶有雙行文本的按鈕（請參見下面的css聲明），

#access li#menu-item-21 a { 
 margin-top:3px; line-height:1.2em; height:27px;
} 

但是我不想在按鈕上用兩行文本設置特定的CSS聲明。我想為所有按鈕設置相同的#access樣式。是否可以實現這種外觀？

鏈接到我的頁面[鏈接] http://djbaba.se/navTest/

應該是解決該問題的更好方法。

http://awesomescreenshot.com/0081s4rc8b

Answer 1

一種方法是使用absolute定位並將top設置為50％。 然后將負的上邊距設置為元素高度的一半。

例

#access li#menu-item-21 a {
     line-height: 1.2;
     position: absolute;
     top: 50%;
     margin-top: -12px; // half the height of the anchor
}

更新資料

您可以嘗試使用display: table-cell 。

例

a{
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    line-height: 1.2;
}