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

时间:2013-09-17 13:02:06

标签: 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>

(“引用是针对PHP的)

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

1 个答案:

答案 0 :(得分:3)

最好将表格用于html-email。应用于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-email的最佳方法。