Outlook Web 应用程序中的 html 电子邮件中断

Question

我正在建立一个 html 电子邮件。它在 Outlook 2003、Outlook 2007、hotmail、gmail、yahoo 中看起来很好，但在 Outlook Web 应用程序中，行之间有中断。有人在使用 Outlook Web App 时遇到过这些问题吗？

我的图像上有显示块，但看起来它们被删除了。

Answer 1

通过将元素包装在

EG:

<a href="http://www.url.com">

  <img src="example.jpg" />

</a>

中已修复

<a href="http://www.url.com">
 <span style="display:block;">
  <img src="example.jpg" />
 </span>
</a>

，但需要对所有损坏的元素进行处理

Answer 2

各种样式都被删除，因此内联样式不适用于 OWA 中的图像。

下面是蜥蜴比尔所指内容的一个简单示例：

< /code>

如果没有上面的代码，可能看起来额外的填充/边距正在表和表行/列之间创建空间......基本上就是将您带到此页面的问题。

Answer 3

使用这个内联CSS

<span style="margin:0; padding:0; display:block;"><img src="myFancyImage.gif"/></span>

Answer 4

我遇到了同样的问题，不幸的是这些解决方案都不起作用。

无论我是否将图像包裹在 span 或 font 标签中，display:block 总是被条纹化。

最终，我发现将图像包装在具有内联宽度和高度的 DIV 中可以解决问题。我猜是因为 DIV 已经是块元素了，而且 OWA 唯一没有去掉的样式似乎是宽度和高度。

例如

<td width="475" height="73" valign="top" bgcolor="#e9e9e9">
<div style="display:block;width:475px;height:73px"><img src="../images/email/email_02.jpg" alt="Three Barrels" width="475" height="73" style="display:block;border:none;outline:none;line-height:0;float:left;" /></div>
</td>

Answer 5

我尝试了上面的修复，但它不起作用 - 但这对我有用：

我刚刚在电子邮件代码的顶部添加了此代码。

/* FIX FOR OWA */       
.bdyItmPrt img { display:block !important; }