如何删除 VML 边距？

Question

我正在尝试为 Outlook 准备新闻通讯，并且我已经使用 VML 设置了页脚背景颜色。代码是这样的：

<container class="footermail"> 
<!--[if gte mso 9]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:141px;"> 
    <v:fill type="tile" color="#333333" /> 
<![endif]--> 
    <p>blablablablabla</p>
<!--[if gte mso 9]>
</v:rect>
<![endif]-->
</container>

问题是，当我使用 Outlook 桌面版（特别是 2106）打开邮件时，邮件周围显示了空白。这是一张照片：

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

Answer 1

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>

这个 table 适用于每个主要的电子邮件客户端和每个版本的 Outlook。虽然它在 Android v4.

的 Gmail 中有点变形

Outlook 有很多限制。我建议把它放在手边，以备将来 html 电子邮件使用。 https://www.campaignmonitor.com/css/

祝你好运。

如何删除 VML 边距？

How can I remove VML margins?

html

css

outlook

vml

web