垂直spry菜单栏文本不会垂直居中

Question

我知道我很久以前就已经解决了这个问题，但我似乎无法回想起我的所作所为。垂直spry菜单栏按钮中的文本可以与text-align水平对齐，但我尝试垂直对齐，并且没有使用垂直对齐。我想知道是否有一个我需要先定义的属性，或者我是否只是一个白痴而完全错过它。这是www.eauclairetowing.com的更新，使用垂直spry菜单栏，与当前的菜单栏不同。

我看到了你的答案。我目前正在上班，但会在午休时尝试。这个网站将成为我新发现的爱情：D

Answer 1

如果您的菜单项只有单行（没有换行符），请给它们一个等于菜单项高度的行高。

示例：

.menu li a { 
  height: 100px;
  line-height: 100px;
}

如果每个菜单项有多行，则给它显示table-cell并给它一个vertical-align：middle

.menu li a {
  display: table-cell;
  vertical-align: middle;
}

Answer 2

使用像您一样在当前网站中完成的填充：

ul.MenuBarHorizontal a {
  padding-top:0.5em
}