我正在尝试手动编写 HTML 电子邮件通讯（使用 MailChimp）。它应该看起来类似于使用应用程序创建的 viastedebouw.nl/newsflash/2013-06/（因此没有非常漂亮的代码）。
我遇到的问题是其中一个表格单元格在 HTML和CSS 中设置了宽度，但两者都不对应。代码是：
HTML
<td width="140" class="logo">
CSS
.logo { width: 140px; height: 140px; }
然而，最终发生的事情是徽标 td 是 614px 宽，出于某种原因，如下图所示：
电子邮件的完整代码可以在这里找到：https ://gist.github.com/Flobin/5849501
编辑：我现在意识到我一开始就把整张桌子弄错了，哦！大多数行有 1 个单元格，但有些有 2 个单元格。我忘记添加colspan="2"跨越表格整个宽度的单元格。
如果每个单元格单独排成一行，则需要放入colspan="2"每个单元格。由于您有一行包含 2 个单元格，因此所有行需要加起来为 2。
此外，在表格的最顶部，您还应该放置一个包含 2 个单元格的空行，以在 Outlook 中强制执行所需的宽度。有关更多信息，请参阅此技术
您不能将样式表应用于 HTML 时事通讯，它必须是内联样式！
这个：
<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>
仔细阅读这篇文章，以帮助您将来http://www.sitepoint.com/code-html-email-newsletters/
编辑
我看到了内联样式！
看起来需要定义表格宽度才能让 td 获得最大宽度等。