HTML表格何时何地向单元格或行的底部添加空白？_Html_Image_Html Table_Whitespace

HTML表格何时何地向单元格或行的底部添加空白？

html image

HTML表格何时何地向单元格或行的底部添加空白？,html,image,html-table,whitespace,Html,Image,Html Table,Whitespace,尽管使用了cellpadding和cellspacing设置为零，HTML何时何地决定在其表中添加空白？我正在处理一封HTML电子邮件，无法使用CSS。现在，我已经尽可能地精简了代码，以查看错误隐藏的位置。以下是我得到的： <body> <table width="600" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0"> <tr>

尽管使用了cellpadding和cellspacing设置为零，HTML何时何地决定在其表中添加空白？我正在处理一封HTML电子邮件，无法使用CSS。现在，我已经尽可能地精简了代码，以查看错误隐藏的位置。以下是我得到的：

<body>                      
<table width="600" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0">
      <tr>
               <td align="left" valign="bottom" width="200"><img width="200" height="38" src="img/lineone.jpg"></td>
               <td align="left" bgcolor="#000000" valign="bottom"><img  src="img/linetwo.jpg" width="293"></td>
               <td align="left" valign="bottom" width="107"><img width="107" src="img/rewardslogo.jpg"></td>
      </tr>
</table>
</body>

当我在浏览器中查看时，它看起来是这样的：（注意桌子底部下面的黑线，它不应该在那里。）

任何想法、建议或解释都将不胜感激。我想我只是不明白HTML是如何创建表的，为什么它似乎忽略了

cellpadding

和

cellspacking

属性。代码最初要复杂得多，有许多嵌套的表，但这几乎是我能看到的电子邮件标题的简单方式，问题仍然存在。有什么想法吗

以下是该问题的演示：

我更改了单元格的颜色，以便您可以更清楚地看到每个单元格的结束位置

尝试这样做：

<tr style="padding: 0; margin: 0;">

这应该可以解决：

table img {display:block;}

您是否检查了浏览器中呈现的HTML以查看是什么导致了它？是的，不是图像。要么是桌子，要么是细胞本身。它只是将额外的间距与

合并在一起。您是否能够在中重现此问题，或者是否有指向此测试页面的链接？右侧的徽标图像的尺寸为107 x 110。它所在的单元将创建107 x 114的尺寸。但增加高度并不能解决问题。好主意。我用JSFIDLE链接编辑了这个问题。谢谢如果您有任何想法，请告诉我。谢谢您的回复！一开始它似乎没有帮助，但是

display:block没有。再次感谢你的帮助！这解决了问题。我不是真的应该在这个项目上使用CSS，但我认为display:block
将在大多数浏览器和web电子邮件客户端中工作。再次感谢！非常感谢@用户2662333如果是电子邮件时事通讯，您可以使用内联样式-只需将style=“display:block；”
添加到图像标记中即可