1

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

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

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

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

任何帮助表示赞赏。谢谢

4

4 回答 4

2

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

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

于 2013-11-11T18:34:14.907 回答
1

我找不到您的模板中的确切位置会导致问题，但我发现最好的办法是拥有一个宽度为 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 编码，这将无法正确解释。

于 2013-11-11T18:34:34.067 回答
1

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

于 2013-11-13T14:42:52.357 回答
0

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

于 2019-01-22T17:25:09.437 回答