Question

【html】 a标签内的文字垂直居中对齐问题

样式：a:link,a:visited{
text-decoration:none;
color: black;
font-size:13px;
}

A{text-decoration:none;
color:#0033FF;
font-family:Arial, Helvetica, sans-serif;
}

代码
<!-- 用户管理 -->
<tr>
<td><img src="../../images/vertline.gif" width="16" height="22" /></td>
<td><img src="../../images/node.gif" width="16" height="22" /></td>
<td width="124" height="22"><img src="../../images/doc2.gif" width="16" height="22" valign="middle"/><a href="cUserCfg.html" target="basefrm">  用户管理</a></td>
</tr>

效果看图，
问：图片已经设置垂直居中对齐，但发现链接的文字还是底部对齐了，怎样把a标签内的文字与左图垂直居中对齐？

Answer 1

<tr>
<td><img src="../../images/vertline.gif" width="16" height="22" /></td>
<td><img src="../../images/node.gif" width="16" height="22" /></td>
<td width="124" height="22"><span style="width: 20px; height: 15px; float: left"><img src="../../images/doc2.gif" width="16" height="22" valign="middle"/></span><span style="width:85px;height:15px;float:left;font-size:12px;padding-top:2px"><a href="cUserCfg.html" target="basefrm"> 用户管理</a></span></td>
</tr>

Answer 2

1 建议把图片做为背景
2 把图片外加个标签套起来