表格 tr 中的空白/边框不会消失

Question

我有这个时事通讯标记：

<table width="600" align="center" cellpadding="0"  style="font-family:verdana,'Myriad Pro', Arial; border-collapse:collapse; border-spacing:0;">
    <tr valign="bottom" height="127" style="padding:0;text-align:left;vertical-align:bottom;margin:0;margin-bottom:-2px;" >
        <td height="141" valign="bottom">
                            <img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" />                                
        </td>
    </tr>
    <tr>
                      /*Rest of table ommited*/
    </tr>

问题是，在包含 headPildoraLarge.png img 的 <tr> 之后，底部有一个 ~2px 的间隙，我无法删除...

这在 Outlook IE 5、6、7 中可见（在 FF、IE8 或其他版本中不可见），但在这种情况下是 tarjet ......

如何消除差距？

完整的 HTML 正在运行：http://toniweb.us/m/demos/

Answer 1

尝试在图像上赋予以下样式

<img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" style="vertical-align:bottom;" />

Answer 2

只需将该图像的 vertical-align: bottom 添加到您的样式表中 - 有点像：

td img {
  vertical-align: bottom;
}

如需更多信息，请阅读this great article。您看到的差距是您字体的基线和底线之间的差异，因为默认情况下内联图像与基线对齐。

Answer 3

把这个写在你的css中：

img{
 border:0;
 vertical-align:top;
}