Outlook.com 电子邮件未居中答案

【问题标题】：Outlook.com email not centeringOutlook.com 电子邮件未居中
【发布时间】：2013-11-11 18:01:49
【问题描述】：

我正在测试一个电子邮件模板，在 Outlook.com 中它不与中间对齐，但在所有其他客户端上它确实如此。

下面这个类我已经应用了，但是并没有太大的帮助，只是剪掉了表头

.ExternalClass{display:inline-block; line-height: 131%};

这是整个模板：http://jsfiddle.net/29mTG/

感谢任何帮助。谢谢

【问题讨论】：

标签： html-email outlook.com

【解决方案1】：

将align="center" 添加到您希望内容居中的任何表格单元格中。

如果您想要垂直居中，请将valign="middle" 添加到任何表格单元格（必须设置height=""）。

【讨论】：

【解决方案2】：

我无法在您的模板中找到导致问题的确切位置，但我发现最好的办法是有一个宽度为 100% 的包装表和一个 <td align="center"> 并嵌套您的所有里面的内容表。

例如：

<!-- Wrapper -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse; padding:0; margin:0px;" bgcolor="#ffffff">
  <tr valign="top">
    <td align="center">
        <!-- Body Content -->
        <table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
            <tr valign="top">
                <td align="left">
                    content
                </td>
            </tr>
        </table>
    </td>
  </tr>
</table>

我还看到您正在对您的字体系列 css 进行 HTML 编码，这将无法正确解释。

【讨论】：

感谢您的帮助，我已更新 jsFiddle jsfiddle.net/beqLS 如何使其流畅/响应迅速？
...好吧，在第 8 行，您有一个包含另一个 td 的 td。所以摆脱它，然后阅读这个-Campaign Monitor Responsive Email Design Guide

【解决方案3】：

所有的 td 都必须对齐，所以使用 align="center" 就像在 <td align="center">CONTENT</td> 中一样

【讨论】：

【解决方案4】：

我通过简单地将所有内容包装在内来使整个电子邮件居中 <div style="text-align: center;">EMAIL SOURCE CODE GOES HERE</div>

【讨论】：