导航栏中垂直居中的单元格

Question

我正试图在菜单栏中垂直居中。我已经尝试过编辑HTML和CSS，但没有运气让它起作用。

网页位于：http://www.xuanyinwen.com/test4.html
CSS位于：http://www.xuanyinwen.com/css.css

请有人提出一些想法，拜托！非常感谢！

Answer 1

不是给锚元素特定的宽度和高度（无论如何都是无用的，因为它们已经被赋予display: block），你可以给它们填充：

#menu li a {
    padding: 1em 0;
}

Answer 2

根据你的.vertical规则，添加：

line-height: 4em;
vertical-align: middle;

Answer 3

将 .vertical li a 更改为

.vertical li a{
border-color:-moz-use-text-color;
border-right:1px solid;
border-style:none solid solid;
border-width:0 1px 1px;
display:block;
line-height:4em;
padding:0.2em 10px;
text-decoration:none;
width:200px;
text-align:center;}