按钮中的垂直，水平文本

Question

我在动态导航按钮上无法居中对齐文本（水平和垂直）。 按钮设置有和高度，使按钮具有单行或双行文本。 如果有单行或双行文本，我希望文本中心对齐。

知道我手动使用“ top-margin”对带有双行文本的按钮设置了“ sheated”样式（请参见下面的CSS声明），

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

但是我不想在按钮上设置带有两行文本的特定CSS声明。我想为所有按钮设置相同的#access样式。可以实现这种外观吗？

链接到我的页面

应该是解决该问题的更好方法。

Answer 1

您有几个#access a定义。 替换为：

#access a {
    color: #fff;
    text-decoration: none;
    display:table-cell;
    vertical-align:middle;
    height: 35px;
    width:85px;
    text-align: center;
    line-height: 1em;

}

并摆脱#access li#menu-item-21 a 2个订单项#access li#menu-item-21 a定义。