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

我正在构建一个html电子邮件。它在outlook 2003，outlook 2007，hotmail，gmail，yahoo中看起来很好，但是在outlook web应用程序中有行之间的中断。有没有人有与Outlook Web应用程序的这些问题？在Outlook Web应用程序中的HTML电子邮件中断

我对图像有显示块，但它看起来像被剥离出来。

来源

2011-05-17 phil

您可以提供您正在使用的html和css吗？我想我以前经历过你正在经历的事情。但是，在我得出结论之前，我想首先检查您的标记。 – breezy 2011-05-18 12:09:22

不提供示例代码或类似的东西很难说！ – tim 2011-05-17 15:36:14

这在<span style="display:block"></span>

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>

但需要做的所有破元件

来源

2011-06-03 14:24:09 phil

你是什么意思？ – Midas 2011-06-03 14:39:56

是的，你是什么意思？我遇到类似的问题，OWA中的表行之间存在中断，但仅在Firefox中，并且仅当邮件位于收件箱以外的其他文件夹中时才会发生。（我知道，对微软感到害怕。） – 2011-06-03 15:36:30

各种造型被剥离，所以内联样式将不是在OWA中处理图像。

这里是比尔的蜥蜴被提到过的一个简单的例子：

<span style="display:block"><img src="myFancyImage.gif"/></span>

没有上面的代码，它可能看起来像微胖/保证金是创建表和表行/列之间的空间....基本上是你带到这个页面的问题。

来源

2011-08-29 22:19:23 PhpFrog

我尝试了上述修正，并没有工作 - 但是这个工作对我来说：

我只是在电子邮件代码的顶部添加该代码。

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

来源

2012-08-02 14:44:55 Hugo

使用此内嵌CSS

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

来源

2013-02-14 12:20:39 chandru

我有同样的问题，不幸的是这些解决方案的工作。

显示：块总是被分离出来，不管我是否用跨度或字体标签包装图像。

最终，我发现用内嵌宽度和高度将图像包装在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>

来源

2013-04-17 07:52:33

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

回答

相关问题