如何删除VML边距?

时间:2017-07-11 16:20:42

标签: html css web outlook vml

我正在尝试为Outlook准备一份简报,我已经使用VML设置了页脚背景颜色。代码是这样的:

gem 'phantomjs', :require => 'phantomjs/poltergeist'

问题是,当我通过Outlook for desktop(特别是2106)打开邮件时,它会显示它周围的边距。这是一张照片:

mail view

有谁知道如何删除它们?我已经尝试了一切并搜索了信息,但它变得非常困难。提前谢谢。

1 个答案:

答案 0 :(得分:0)

Outlook一般不支持HTML 5.您的问题不是vml,而是带有此标记:<container class="footermail">

您没有包含完整的代码和CSS,因此很难诊断出所有潜在问题。

我的建议是删除<container>代码并使用<table>代替背景颜色。像这样:

<table width="100%" border="0" style="background: #333333; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
  <tr>
    <td style="background: #333333;border-collapse: collapse;">
      <p style="color: #ffffff; text-align: center;">blablablablabla</p>
    </td>
  </tr>
</table>

此表适用于每个主要电子邮件客户端和每个版本的Outlook。虽然它在Gmail for Android v4中略显苛刻。

Outlook有很多限制。我建议为将来的HTML电子邮件保留这个方便。 https://www.campaignmonitor.com/css/

祝你好运。