Question

我正在重新利用基于表格的布局的辉煌岁月，因为我正在撰写HTML电子邮件。不幸的是，我无法将主体放在页面的中心（当然，它可以在浏览器中运行，但不能通过HTML Mails在Gmail中进行测试。我希望这个表嵌套在第一个fiddle中。 1}}在外部表中居中。内部表被设置为固定宽度，所以我希望这可以工作。任何想法？

以下是完整代码（{{3}}）：

<td>

Answer 1

当我检查Litmus时，您的代码工作正常。我唯一担心的是您可能需要在下面添加“text-align：left”，以便在Gmail / IE上将副本对齐到左侧。

<p style="font-family: Georgia, serif; text-align: left;">Body</p>

Answer 2

就我个人而言，我喜欢在100％宽度的表格中包裹我的整个身体内容（甚至是我的移动版本的响应式电子邮件）（gmail可能会删除它，但无论如何它都会假设为100％）。诀窍是td的对齐中心。前 -

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse; padding:0; margin:0px;">
    <tr valign="top">
        <td align="center">
            <table with whatever width you want your max width to be>
        </td>
    </tr>
</table>

你也可以为你的包装表分配一个bgcolor，它会为你的电子邮件提供背景颜色，即使在通常剥去body

背景颜色的网页邮件客户端中也是如此

Answer 3

您是否尝试过将text-align css样式添加到body的p元素？

<p style="font-family: Georgia, serif;text-align:center;">Body</p>

您将p放在单元格中但不是其内容。或者删除p标签。

Answer 4

感谢您提出的建议，但经过进一步调查后，我发现Gmail实际上是剥离了外围表中的width="100%"属性。目前，我认为没有办法在Gmail窗口中集中内容。

在Gmail中居中放置HTML电子邮件的正文

4 个答案: