跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

营销电子邮件在 Outlook 中的外观不同

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

营销 Hub   Professional , Enterprise
内容 Hub   Professional , Enterprise
旧版 Marketing Hub Basic

如果您正在使用更新后的经典电子邮件编辑器起草营销电子邮件,您可能会注意到,由于 Outlook对 CSS 的支持有限,您的电子邮件在 Outlook 中的呈现方式可能会有差异。

如果你发现 Outlook 中的电子邮件定位或间距看起来不对,请按照以下步骤排除故障。

在 HubSpot设计师社区了解有关电子邮件设计的更多信息。

请注意:HubSpot 支持不支持自定义编码的电子邮件模板。如果您使用的是自定义编码模板,请与创建模板的提供商联系。您还可以在社区上与其他 HubSpot 用户和设计师联系。

间距

在 Outlook 中调整图片间距有两种方法:使用 hspace 或 vspace,以及使用表格。

使用 hspace 和 vspace

HTML 属性vspace定义了垂直空间,会在图片的顶部和底部添加相等的间距。hspace属性定义了水平空间,会在图片的左右两侧添加相等的间距。

  • 在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 将鼠标悬停在带有自定义编码模板的电子邮件名称上,然后单击 "编辑"。

  • 点击进入内容模块。

  • 在图片代码末尾,添加以下代码中的一个或两个:hspace="10" vspace="10" 10 替换 为所需的间距。

使用表格

你可以使用一个三栏表格,均匀地包含图片、间距和文本:

  • 在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 在富文本编辑器工具栏中,单击插入 > 表格。创建一个 3x1 表格。

  • 在富文本编辑器工具栏中,单击高级,然后选择源代码

  • 在空白单元格中指定一个宽度,如<td width="10"> ,表示图像和文本之间的间距。

  • 指定字体系列、字体大小、字体颜色和行高,如style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" ,因为如果未指定,Outlook 会添加自己的样式。

解决电子邮件中出现意外横线的问题

由于某些版本的 Outlook 中存在一个已知的错误,电子邮件中各部分之间可能会出现一条横线。虽然没有一致的方法来解决这个问题,但你可以尝试以下故障排除步骤:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助