Chrome、IE6 和 Firefox 中 HTML 链接图像底部的额外填充答案

【问题标题】：Extra padding at bottom of HTML linked image in Chrome, IE6, and FirefoxChrome、IE6 和 Firefox 中 HTML 链接图像底部的额外填充
【发布时间】：2010-02-16 22:51:10
【问题描述】：

我遇到了链接图片的问题。

<TR class="a"> 
    <TD><A href="http://CA_NB_1_1-pr.jpg" rel="lightbox"><IMG src="CA_NB_1_1-th-pr.jpg"><BR><BR></A></TD> 
    <TD class="hdsmlbr"><A href="http://127.0.0.1/odds/aptrqr2/view/1">35 Savoie Drive, Moncton, New Brunswick, Canada</A></TD>
</TR>

这张图片的底部有填充物，我似乎找不到要杀死的东西。我已经使用 Yahoo 的 CSS Reset 来查看是否有帮助，甚至删除了所有 CSS 以查看是否可以找到问题。

使用 Firebug，我尝试了一些取消填充的即时方法，但似乎没有任何效果。

其他人能找出问题所在吗？

http://monkeylook.bendauphinee.com/

【问题讨论】：

感谢您的快速回复。有时，您确实错过了一些愚蠢的简单事情:)

标签： html css image hyperlink

【解决方案1】：

可能是两个<br>的...

【讨论】：

【解决方案2】：

您的图片后面有两个中断标签：<BR><BR>。那些会给人同样的印象。果然，当删除“额外的填充”消失了。

【讨论】：

【解决方案3】：

您的 a 标签中有两个换行符？试试这个。

<TR class="a"> 
    <TD><A href="http://CA_NB_1_1-pr.jpg" rel="lightbox"><IMG src="CA_NB_1_1-th-pr.jpg"></A></TD> 
    <TD class="hdsmlbr"><A href="http://127.0.0.1/odds/aptrqr2/view/1">35 Savoie Drive, Moncton, New Brunswick, Canada</A></TD>
</TR>

【讨论】：