1

我有一个电子邮件模板在大多数电子邮件客户端中都可以正常工作(或至少可以接受),但在 Outlook 2007 和 Outlook 2010 中完全无法使用。

我知道这些版本的 Outlook 使用 Word 呈现引擎而不是 IE。

我听说过 Outlook 分页错误,但这似乎只影响垂直间距。我的问题是水平间距。

代码:http: //jsbin.com/alagih/edit#html,liveb

所有主要电子邮件客户端的测试结果:http: //artletic.createsend.com/screens/y/F2B9C33F1297A73F

Outlook 2007 截图: Outlook 2007 屏幕截图

4

3 回答 3

5

我发现专门针对 Outlook 2007 中的 HTML 电子邮件,您应该在标签和内联 CSS 中设置宽度参数。

所以例如<td width="150px" style="width: 150px;">

于 2012-10-09T20:18:33.937 回答
2

尝试为包含图像的任何 td 添加宽度。

例子:

<td width="150">
    <img src="/img/image.jpg" width="150" height="150">
</td>

还要确保这些图像设置为display: block.

于 2013-05-22T20:23:45.207 回答
1

您永远不会为包含您的正文消息的表格设置宽度。

它设置为<table border="0" width="">

至于您的“franco.jpg”图像,看起来 Outlook 忽略了img标签上的内联边距。尝试为您的内容创建一个包含两列的表格,然后将图像包装在 div 中并为其提供右边距,或者将您的文本内容包装在 div 中并为其提供左边距。由于某种原因,Outlook 不喜欢填充。

此外,由于 Outlook 2007 和可能 2010 使用 Word 作为渲染引擎,它会忽略某些样式,例如background-image(背景位置),但是它会接受“bgcolor”和“背景颜色”。

测试 Outlook 2007/2010 的最快方法是在 MS Word 中打开它。它应该呈现接近这些 Outlook 版本中出现的内容。

不知道是什么原因造成的=E2=80=9D

如果你真的必须使用背景图片,试试这个技巧

于 2012-04-25T02:15:24.917 回答