在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電子郵件中斷

回答

相關問題