无法在表格单元格中显示垂直中间的超链接并显示'a'标签时：块

我在显示器：块模式中有一个超链接，它放置在表格单元格（td）中。超链接文本显示在单元格的顶部。希望它在所有常见浏览器的中间。无法在表格单元格中显示垂直中间的超链接并显示'a'标签时：块

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

2009-10-23 Tony_Henrich

答案：http://stackoverflow.com/questions/14862604/html-css-center-text-horizontally-and-vertically-in-a-link设置行高为我工作，但有一些注意事项。 – MikeTeeVee 2014-06-05 15:42:29

我使用这个页面有一些小的CSS的修改方案：

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

来源

2009-10-23 21:56:23

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

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

来源

2009-10-23 19:32:19 nlaq

这是行不通的。链接正在占用整个单元格空间，因为它是一个块。所以没有什么可以显示在中间。没有“空气”来移动。尝试此测试：

test

– 2009-10-23 19:46:07

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

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

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

来源

2009-10-23 23:09:09

无法在表格单元格中显示垂直中间的超链接并显示'a'标签时：块

回答

相关问题