Outlook 2007 和 Outlook 2007 中的 HTML 电子邮件表损坏2010年
我有一个电子邮件模板，可以在大多数电子邮件客户端中正常工作（或至少可以接受），但在 Outlook 2007 和 Outlook 2010 中完全无法正常工作。
我知道这些版本的 Outlook 使用 Word 呈现引擎而不是 IE。
我听说过 Outlook 分页错误，但这似乎只影响垂直间距。我的问题是水平间距。
代码： http://jsbin.com/alagih/edit#html ,liveb
所有主要电子邮件客户端的测试结果： http://artletic.createsend.com/screens/y/F2B9C33F1297A73F
Outlook 2007截图： 
I have an email template that works fine in most email clients (or at least acceptable), but completely breaks in Outlook 2007 and Outlook 2010.
I'm aware that these versions of Outlook use the Word rendering engine instead of IE.
I've heard of the Outlook page break bug, but that seems to only affect vertical spacing. My issue is in horizontal spacing.
Code: http://jsbin.com/alagih/edit#html,liveb
Test results for all major email clients: http://artletic.createsend.com/screens/y/F2B9C33F1297A73F
Outlook 2007 screenshot:
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我发现，特别是对于 Outlook 2007 中的 HTML 电子邮件，您应该在标记和内联 CSS 中设置宽度参数。
例如
I have found that specifically for HTML emails in outlook 2007, you should set your width parameters in both the tag and inline CSS.
so for example
<td width="150px" style="width: 150px;">尝试为包含图像的任何 td 添加宽度。
示例：
还要确保这些图像设置为
display: block。Try adding a width to any td that contains an image.
Example:
Also make sure these images are set to
display: block.您永远不会为包含正文消息的表格设置宽度。
它设置为
至于您的“franco.jpg”图像，看起来 Outlook 忽略了
img标签。尝试为您的内容创建一个两列表，然后将图像包装在 div 中并为其提供右边距，或者将文本内容包装在 div 中并为其提供左边距。由于某些原因，Outlook 不喜欢填充。此外，由于 Outlook 2007 和可能 2010 使用 Word 作为渲染引擎，它会忽略某些样式，例如
background-image（背景位置也是如此），但是它会接受 `bgcolor' 和 '背景颜色'。测试 Outlook 2007/2010 的最快方法是在 MS Word 中打开它。它的渲染效果应该接近那些 Outlook 版本中的显示效果。
不确定是什么原因导致
=E2=80=9D。如果您确实必须使用背景图像，请尝试 这个黑客。
You never set a width for the table containing your body message.
It's set to
<table border="0" width="">As for your "franco.jpg" image, looks like Outlook is ignoring the inline margin on the
imgtag. Try creating a two-column table for your content and either wrap the image in a div and give it a right margin or wrap your text content in a div and give it a left margin. Outlook doesn't like padding for some reason.Also since Outlook 2007 and probably 2010 is using Word as a rendering engine, it will ignore certain styles such as
background-image(background-position, too), it will however, accept `bgcolor' and 'background-color'.The quickest way to test for Outlook 2007/2010 would be to open it up in MS Word. It should render close to what would appear in those Outlook versions.
Not sure what's causing the
=E2=80=9D.If you really must use background images, try this hack.