当它在表格单元格中时，不能在中间垂直显示超链接，并且'a'标签是display：block

Question

我在display：block模式中有一个超链接，它放在一个表格单元格（td）中。超链接文本显示在单元格的顶部。希望它适用于所有常见浏览器。

我正在使用悬停效果，其中单元格的背景颜色发生变化。文字位置看起来很奇怪。

Answer 1

<table>
<tr>
<td style="vertical-align : middle;">
<a href="#" style="display : block"></a>
</td>
</tr>
</table>

这是你在找什么？请注意单元格样式中的“vertical-align：middle”。

Answer 2

我使用了本页中的解决方案，并进行了一些小的CSS修改：

http://apptools.com/examples/tdcolor.php

Answer 3

您可以尝试为line-height元素定义a

td a {line-height: 2em; /* other css */}

这应该强制文本垂直居中。请记住，如果文本换行到第二行，您最终可能会得到不希望的最终结果。