如何在Outlook中居中放置HTML電子郵件並填充背景顏色？

只是一個簡單的問題 - 我使用Campaign Monitor發送HTML電子郵件，但它們不是以outlook爲中心，而是在Apple郵件和Gmail中。我曾嘗試添加下面的CSS只爲Outlook：如何在Outlook中居中放置HTML電子郵件並填充背景顏色？

.readMsgBody .c-ReadMessagePartBody{ 
background-color: #F3F3F3; 
padding-left: 15%; 
padding-right: 15%; 
}

以及這我已經爲我的HTML和正文標記設置背景顏色。以及身體內的一張桌子。並將所有這些對齊爲中心。

謝謝。

來源

2014-10-09 Elina Lulle

tl; dr Outlook不喜歡大量編碼的電子郵件，因爲它使用文字處理器或古老的軟件來閱讀它們。使用表格設計，並使父表格成爲背景顏色。

Outlook 2007,2010和2013使用Microsoft Word（版本2007,2001 和2013分別）呈現電子郵件。是的，文字處理器是用於在較新版本的Outlook中呈現電子郵件！ Outlook使用 Word作爲渲染引擎導致了令人失望的CSS 對Word在電子郵件中查看的支持以及令人沮喪的怪癖，導致電子郵件設計社區出現一些反彈。在事實上，甚至有一個致力於他們事業的網站。 - litmus.com

即使舊版本的Outlook使用古老版本的Internet Explorer。此外，大多數Outlook用戶還將擁有額外的安全措施，因爲他們最有可能因爲工作網絡而使用它，並且會爲代碼增加更多層次以使其受到污染。

確保您的電子郵件受到全面支持的最簡單方法是限制與CSS的電子郵件聯繫。確保您的CSS保存在電子郵件代碼中，並且主要使用內聯HTML樣式。使用表格進行組織。

以下是我最近發送的一封電子郵件的示例。

<table width="100%" cellpadding="0" cellspacing="0" border="0"> 
<tr> 
<td align="center" bgcolor="#f0f0f0" valign="top"> 

<table width="600" cellpadding="0" cellspacing="0" border="0" class="320-wide" style="min-width:600px"> 
<tr> 
<td align="center" bgcolor="#f0f0f0"> 
</table>

這爲其他電子郵件提供了背景。

來源

2014-10-09 14:23:49 kittenchops

如何在Outlook中居中放置HTML電子郵件並填充背景顏色？

回答

相關問題