HTML电子邮件中的表格单元格宽度与HTML或CSS中设置的宽度不对应

我正在尝试手工编写一份HTML电子邮件时事通讯（使用MailChimp）。它应该看起来类似于viastedebouw.nl/newsflash/2013-06/，它是用一个应用程序创建的（因此没有非常好看的代码）

我遇到的问题是，其中一个表格单元格的宽度设置为HTML和CSS，但它与这两个单元格都不对应。代码是：

HTML

然而，最终发生的是，由于某种原因，徽标td的宽度为614px，如以下屏幕截图所示：

电子邮件的完整代码可在此处找到：

---

编辑：我现在意识到我一开始就把整张桌子弄错了，噢！大多数行有1个单元格，但有些行有2个。我忘了将

colspan=“2”

添加到横跨整个表格宽度的单元格中。

您不能将样式表应用于HTML新闻稿，它需要是内联样式

这：

需要这样做：

<td width="140"><img src="http://yourdomain.com/images/logo.png" width="140px" height="140px" /></td>

或：

仔细阅读此内容，以帮助您将来

编辑

我看到了内联样式

---

看起来需要定义表格宽度，以便td选择最大宽度等。

如果每个单元格单独在一行中，则需要在每个单元格中放置

colspan=“2”

。由于一行有2个单元格，因此所有行的总和必须为2

---

此外，在表格的最顶端还应放置一个包含2个单元格的空行，以在Outlook中强制执行所需的宽度。有关详细信息，请参见。首先，标记无效。使用验证器。带有徽标的行有2个单元格，而第一行和其余行只有一个。@AlexK。你的评论让我意识到这个错误并不是针对电子邮件的模糊CSS规则，我首先把整个表格搞错了。哦！参考屏幕截图，OP使用内联样式作为宽度。不，他们没有，他们在td中添加了“class=”logo“，仔细看。啊，是的，我想我忘了提到我正在使用MailChimp，它会自动内联所有样式（这很好）。查看屏幕截图，它显示了这一点。@msbodetti是的，请仔细查看屏幕截图

style=“width:140px…”

哦，对不起！我现在看到了@MrCodeI确实不见了

colspan=“2”

！我不知道有两个单元格的空行。非常感谢你！

.logo { width: 140px; height: 140px; }

<td width="140" class="logo">

<td width="140"><img src="http://yourdomain.com/images/logo.png" width="140px" height="140px" /></td>

 <td width="140"><img src="http://yourdomain.com/images/logo.png" style="width:140px;height:140px;" /></td>