Outlook.com电子邮件不居中

Question

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

我已经在下面应用了以下类，但它没有太多帮助，只是切断了标题

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

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

任何帮助表示赞赏。 谢谢

Answer 1

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

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

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

另外我看到你是你的font-family css的HTML编码，这将无法正确解释。

Answer 3

所有td都必须对齐它们，所以使用align="center"如<td align="center">CONTENT</td>

Answer 4

我将整个电子邮件集中在一起，只需将所有内容包装在<div style="text-align: center;">EMAIL SOURCE CODE GOES HERE</div>