如何居中HTML邮件的前景，使背景色填充？ [英] How to centre a HTML email in outlook and make the background color filled?

问题描述

只是一个快速的问题 - 我使用活动监视器来发送HTML电子邮件，但是他们没有在Outlook中居中，但在苹果公司的邮件和Gmail。我曾尝试加入以下CSS只是展望：

Just a quick question - I am using Campaign Monitor to send out HTML E-mails, however they are not centred in outlook, but are in Apple mail and gmail. I have tried adding the following css just for outlook:

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

还有这个我已经设置背景颜色为我的HTML和body标签。以及在体内的表。并对准他们都中心。

as well as this I have set background Colors for my HTML and Body tags. as well as a table within the body. And aligned all of them to centre.

感谢您。

推荐答案

TL;博士Outlook不严重，比如codeD的电子邮件，因为它使用一个文字处理器或过时的软件来阅读。使用表设计，使父表的背景颜色。

tl;dr Outlook doesn't like heavily coded e-mails because it uses a word processor or archaic software to read them. Use table design, and make the parent table the background color.

2007年展望2010年和2013年使用Microsoft Word（版本2007，2010   和2013年，分别）呈现电子邮件。是的，一个字处理器是   用于呈现较新版本的Outlook中的电子邮件！ Outlook的用法   字作为渲染引擎产生了一个令人失望的挫折CSS   的电子邮件在Word中看到，伴随着一吨的令人沮丧的支持   怪癖，导致邮件设计界的一些反弹。在   事实上，甚至有一个专门为他们的事业的网站。 - litmus.com

Outlook 2007, 2010 and 2013 use Microsoft Word (versions 2007, 2010 and 2013, respectively) to render emails. Yes, a word processor is used to render emails in newer versions of Outlook! Outlook’s usage of Word as a rendering engine resulted in a disappointing setback to CSS support for emails viewed in Word, along with a ton of frustrating quirks, leading to some backlash in the email design community. In fact, there is even a website dedicated to their cause. -litmus.com

即使是旧版本的Outlook中使用的一种古老版本的Internet Explorer。添加的事实，大多数Outlook用户也将有额外的安全措施，因为他们是最有可能使用其因工作网络，并将其添加为code甚至更多层受到污染。

Even older versions of outlook use an ancient version of Internet explorer. Add in the fact that most Outlook users will also have extra security measures, since they're most likely using it due to a work network and it add even more layers for code to become contaminated.

最简单的方法，以确保您的电子邮件支持全线的限制与CSS邮件联系。请确保你的CSS被保存在电子邮件code，并使用多是内嵌HTML造型。使用表格来组织。

The easiest way to make sure that your e-mail is supported across the board is to limit e-mail contact with CSS. Make sure your CSS is saved within the e-mail code, and use mostly inline HTML styling. Use tables to organize.

下面是从一封电子邮件我最近发了一个例子。

Here is an example from an e-mail I recent sent out.

    <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>

这使代替背景电子邮件的其余部分。

This puts in place the background for the rest of the e-mail.

这篇关于如何居中HTML邮件的前景，使背景色填充？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！