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

自定义编码的营销电子邮件在 Outlook 中看起来不同

上次更新时间: 2025年10月9日

可与以下任何订阅一起使用,除非另有说明:

如果您创建了自定义编码的营销电子邮件,您可能会发现电子邮件在 Outlook 中的呈现方式存在差异,例如定位或间距问题。

解决间距问题

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

使用 hspace 和 vspace

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

  1. 在您的 HubSpot 账户中,导航至 营销 > 电子邮件
  2. 点击使用自定义编码模板起草的电子邮件名称
  3. 在电子邮件编辑器中,点击要编辑的模块
  4. 在富文本工具栏中,单击高级 下拉菜单并选择源代码
  5. 在对话框中,在图片代码末尾添加hspace="10" vspace="10" 。将10 替换为所需的间距。

Screenshot of the source code editor in the email editor. The hspace="10" vspace="10" code is highlighted.

使用表格

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

  1. 在您的 HubSpot 账户中,导航至 营销 > 电子邮件
  2. 点击使用自定义编码模板起草的电子邮件名称
  3. 在电子邮件编辑器中,点击要编辑的模块
  4. 在富文本工具栏中,点击插入 下拉菜单并选择表格,然后创建一个 3x1 表格。

Screenshot of the email editor. The Insert dropdown menu & Table option are highlighted. A 3x1 table is being created.

  1. 在富文本编辑器工具栏中,单击高级 下拉菜单并 选择源代码

  2. 在对话框中,为空白单元格添加宽度,如<td width="10">以设置图像和文本之间的空间。
  3. 设置字体家族、大小和颜色,以及行高,因为 Outlook 会在未指定时添加自己的样式。

解决意外横线问题

由于某些版本的 Outlook 存在一个已知问题,在电子邮件的各部分之间可能会出现一条水平线。如果出现这种情况,请尝试以下步骤:
  • 将电子邮件的背景颜色设置为与正文颜色相同。
  • 将内容的字体大小和行高更新为偶数。
  • 将以下 CSS 样式 添加到电子邮件模板的标题部分:
ms-text-size-adjust: none; mso-line-height-rule: exactly;
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助