Question

DIV+CSS LI按钮里面的文字要垂直居中怎么写

样式
:
.search_nav{
text-align:center;
height:30px;
vertical-align:middle;
}
.search_nav li{
float:left;
display:block;
width:90px;
height:23px;
line-height:23px;
margin:5px 5px;
border:1px solid #0066CC;
font:bold 14px "宋体";
}
.search_nav ul li a{
background:#B4ECFC;
display:block;
width:90px;
height:23px;
}
.search_nav ul li a:hover{
background:#8DE8FE;
display:block;
width:90px;
height:23px;
}

DIV

<div class="search_nav">
<ul>
<li><a href="#">供应信息</a></li>
<li><a href="#">求购信息</a></li>
<li><a href="#">资讯中心</a></li>
<li><a href="#">企业大全</a></li>
</ul>
</div>

这样子错在哪里

Answer 1

margin:5px 5px; 这一句的话,LI的高度就会自动加上5*2=10px的高度
那你的高度就是23+10=33了，高度超过了你定的30。。。所以不行。。

Answer 2

根据按钮高度定义HEIGHT在定义其中文字LINE-HEIGHT高度和HEIGHT相同就可以了