关于竖直居中的问题
我做了一个导航栏，想让里面的链接竖直居中，可是使用了vertical-align:middle;却死活不起作用。求教下是什么原因造成的……
这是HTML：
<ul class="nav_ul">
<li class="nav_button1"><a href="index.aspx">首 页</a></li>
<li class="nav_button2"><a href="about.aspx"></a></li>
<li class="nav_button3"><a href="product.aspx"></a></li>
<li class="nav_button4"><a href="application.aspx"></a></li>
<li class="nav_button5"><a href="contact.aspx"></a></li>
</ul>
这是CSS：
.nav_button1 a
{
float:left;
color:White;
background-color:#3795d2;
height:27px;
width:86px;
font-size:14px;
text-align:center;
vertical-align:middle;
}
[解决办法]
.nav_button1 a
{
float:left;
color:White;
background-color:#3795d2;
height:27px;
width:86px;
font-size:14px;
text-align:center;
line-height:27px;
}
试试
