Outlook 7 html电子邮件在表tds标记之间添加垂直空间_Html_Css_Outlook

Outlook 7 html电子邮件在表tds标记之间添加垂直空间

html css outlook

Outlook 7 html电子邮件在表tds标记之间添加垂直空间,html,css,outlook,Html,Css,Outlook,我创建了一个html模板，将其作为时事通讯电子邮件发送，但在使用outlook进行测试时，在所有表td之间添加了一个空白。我搜索了很多，这是我的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

我创建了一个html模板，将其作为时事通讯电子邮件发送，但在使用outlook进行测试时，在所有表td之间添加了一个空白。我搜索了很多，这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Document</title>

</head>
<body>

<table width="684" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse;">
<tr>
<td align="left" border="0" cellpadding="0" cellspacing="0" width: "161px" style= "line-height:0">
<img src="image1.jpg" style="display: block;" />
</td>

<td align="left" border="0" cellpadding="0" cellspacing="0" width: "523px" style= "line-height:0">
<img src="image2.jpg" style="display: block;" />

</td>
</tr>

</table>
</body>
</html>


我的文件

结果是：

什么会导致问题？

html仍然不太正确。这：

<table width='684' border='0' cellspacing='0' border-collapse: collapse; cellpadding='0' border-collapse: collapse; align='center'>

应该是这样的：

<table width='684' border='0' cellspacing='0' style='border-collapse: collapse;' cellpadding='0' align='center'>

可能是未关闭的标签：

<img src="image1.jpg"

感谢您的回复，但这不是问题所在，我已经编辑了问题，可能是您指定了td的宽度。尝试设置图像的宽度，让浏览器计算td宽度。同时检查图像，左侧或右侧是否有小的白色边框？