Question

我创建了一个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>

结果如下：

enter image description here

可能导致问题的原因是什么？

Answer 1

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"

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

1 个答案: