Html Gmail电子邮件样式,包装器div不显示

Html Gmail电子邮件样式,包装器div不显示,html,css,email,styles,gmail,Html,Css,Email,Styles,Gmail,我正在尝试为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>

我正在尝试为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>
AAA
(引号是PHP的)


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

使用html电子邮件的表格是最佳做法。div和css应用于div时,在电子邮件客户端(尤其是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>

AAA

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

使用html电子邮件表格是最佳做法。DIV和css在应用于DIV时,在电子邮件客户端(尤其是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>

AAA

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

确保您的html 100%有效,并且所有内容都正确关闭。确保您的html 100%有效,并且所有内容都正确关闭。谢谢,使用表格确实效果更好。我只有一个问题。我的文本是位于单元格的中心。我希望它位于顶部。在标记中设置valign=“top”或在样式中设置垂直对齐:top;不会产生任何效果(至少在gmail中是这样)。如何使文本显示在单元格顶部?使用
valign=“top”“
在包含文本的
标记中。谢谢,使用表格确实效果更好。我只有一个问题。我的文本位于单元格的中心。我想把它放在最上面。在标签中设置valign=“top”或垂直对齐:top;这种风格没有任何影响(至少在gmail中是这样)。如何获取要显示在单元格顶部的文本?请在包含文本的
标记中使用
valign=“top”