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>

此外，我发现您使用HTML编码您的font-family css，这将无法正确解释。

Answer 3

所有td必须与它们对齐，因此请使用align="center"中的<td align="center">CONTENT</td>

Answer 4

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

Outlook.com电子邮件不居中

4 个答案: