按钮中的垂直，水平文本

Question

  

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

正确的知道我已经“刷过”了带有双行文字的按钮，手动设置了“top-margin”（参见下面的CSS声明），

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

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

link to my page

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

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;

}

并删除2个订单项的#access li#menu-item-21 a定义。