html - Gmail 电子邮件样式，包装器 div 未显示

Question

我正在尝试为 gmail 设置电子邮件样式。它的大部分显示都很好，但 Gmail 显然拒绝显示包装器 div。我之前有一个非常相似的包装器工作，所以我无法弄清楚问题出在哪里:

<div style=\"border: 1px solid black; width: 595px; height: 842px; background-color: white; border-radius: 10px; text-align: center; padding-top: 6px;\">AAA</div>

(\"引号用于 PHP)

Gmail 似乎完全删除了包装器并没有样式显示和 div。

Answer 1

最好为 html 电子邮件使用表格。应用于 div 的 div 和 css 在电子邮件客户端(尤其是 Gmail)之间的支持不一致，这可能是您遇到问题的原因。

您的 html 代码应该如下所示:

<table width="595" height="842" align="right" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid black; border-radius: 10px; padding-top: 6px;">
  <tr>
    <td>
      AAA
    </td>
  </tr>
</table>

请注意，在许多地方我使用了旧的 html 方法而不是 css。这是 html 电子邮件的最佳方法。