为 Outlook 365 设计 HTML 电子邮件 - 电子邮件不会居中对齐答案

【问题标题】：Designing HTML email for Outlook 365 - Email will not align center为 Outlook 365 设计 HTML 电子邮件 - 电子邮件不会居中对齐
【发布时间】：2014-05-15 15:59:23
【问题描述】：

我在为 Outlook 365 设计/编码这封电子邮件时遇到了真正的问题。以下代码适用于在所有其他电子邮件应用程序中将电子邮件居中，除了 Outlook 365。有人知道解决方法吗？

<table cellpadding="0" cellspacing="0" width="100%" id="wrapper" bgcolor="#EEEEEE">
    <tr>
        <td align="center" width="100%" bgcolor="#EEEEEE">
            <table cellpadding="0" cellspacing="0" width="600" id="page" style="text-align:left;">

【问题讨论】：

我没有发现任何问题 - jsfiddle.net/86dua

标签： html responsive-design outlook html-email

【解决方案1】：

您可以尝试为表格设置实际宽度。例如 width="900" 并添加 style="margin:0 auto" 以便您的表格在页面上居中。

【讨论】：

我可以尝试一下，但我认为设置实际宽度会使整个设备无法响应移动设备。
所以，澄清一下，如果用户在他们的手机上查看他们的 Gmail，您希望您的电子邮件能够响应吗？
我没有听到任何关于 Gmail 的消息，但我知道这次对话的方向... Gmail 不支持媒体查询，因此您必须坚持使用流畅或对齐（浮动) 如果您想要 100% 的客户支持。 More info here

【解决方案2】：

将align="center" 也放入您的子表中。 Outlook 将其视为浮动，因此需要在子级上。

附带说明，要对齐该子表中的内容，请在其<td> 元素上使用对齐。

这里有一个basic html email setup，可以帮助您入门

【讨论】：