图片弄乱了我的餐桌布局答案

【问题标题】：Images mess up my table layout图片弄乱了我的餐桌布局
【发布时间】：2017-06-24 16:00:31
【问题描述】：

如果没有图片，一切都会按预期正常工作，但是一旦我向其中添加图片，它们就会破坏我的布局。

<img src="https://img.skitch.com/20110930-e89yb812kuhisgsuhf896aepnx.png" alt="http://www.nicoeinsidler.bplaced.net/test/mail_test.html" />

（我从不使用表格布局我的主页，所以我不擅长。我必须这样做，因为这将成为 HTML 电子邮件......）

它应该是这样的：

【问题讨论】：

预期的布局应该是什么？
您能解释一下您希望它的外观，或者添加一个带有您希望它外观模型的屏幕截图吗？另外，关于不使用表格进行布局的强制性评论=）
1) 是的。对不起。我添加了它。 2) 因为 Hotmail 忽略了每一个定位和边距 (!!!)
不要因为使用表格 NE555 而感到难过，任何主要的电子邮件提供商都会告诉您，这是通过 HTML 电子邮件获得相对体面的布局的唯一可靠方法。做起来还是很痛苦的。
@Blake 和 NE555 - 抱歉，只是在开桌子。我确实认识到在这种情况下的必要性 =)

【解决方案1】：

以下 tr 内的 td 需要有 3 的 colspan（而不是 2）

（您应该会在该行中看到破损的边框）

【讨论】：