dt高度不起作用?内容也不垂直居中

来源:百度知道 编辑:UC知道 时间:2024/06/13 16:34:13
#footer dt{
font-size:14px;
color: #FF66CC;
margin:0;
padding:0;
border:0;
height:30px;
width:176px;
line-heiht:30px;
vertical-align:middle;

<dl>
<dt><a href="#">如何送货</a></dt>
<dd><a href="#">运输说明</a></dd>
<dd><a href="#">送货方式及费率</a></dd>
<dd><a href="#">保密安全</a></dd>
</dl>
怎么说呢,好想DL,div那样,有宽度和高度的在DW软件设计视图里有一个红色边框的(鼠标在边框线上时),而dd就没有,但有效果,可能是把它当做padding了

<style type="text/css">

#footer dt{
font-size:14px;
color: #FF66CC;
margin:0;
padding:0;
border:0;
height:50px;
width:176px;
line-height:50px;
vertical-align:middle;
}
#footer dd{margin:0;padding:0;}
</style>
<div id="footer">
<dl>
<dt><a href="#">如何送货</a></dt>
<dd><a href="#">运输说明</a></dd>
<dd><a href="#">送货方式及费率</a></dd>
<dd><a href="#">保密安全</a></dd>
</dl>
</div>
高度起作用了