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

Question

我知道很久以前我已经克服了这个问题，但我似乎不记得我做了什么。垂直 spry 菜单栏按钮中的文本可以使用 text-align 水平对齐，但我尝试垂直对齐，但使用垂直对齐没有得到任何结果。我想知道是否有我需要首先定义的属性，或者我是否只是一个白痴而完全错过了它。这是对 www.eauclairetowing.com 的更新，使用的是垂直快捷的菜单栏，与目前的菜单栏不同。

我看到了你的答案。我目前在工作，但会在午休时间尝试一下。这个网站将成为我新发现的爱人 :D

Answer 1

如果您的菜单项仅在单行中(没有换行符)，请为它们指定一个等于菜单项高度的行高。

例子:

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

如果每个菜单项多于一行，给它显示表格单元格并给它垂直对齐:中间

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