请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。
自定义编码的营销电子邮件在 Outlook 中看起来不同
上次更新时间: 2025年10月9日
如果您创建了自定义编码的营销电子邮件,您可能会发现电子邮件在 Outlook 中的呈现方式存在差异,例如定位或间距问题。
解决间距问题
在 Outlook 中调整图片间距有两种方法:使用 hspace 或 vspace,以及使用表格。
使用 hspace 和 vspace
HTML 属性vspace定义了垂直空间,会在图片的顶部和底部添加相等的间距。hspace属性定义了水平空间,会在图片的左右两侧添加相等的间距。
- 在您的 HubSpot 账户中,导航至 营销 > 电子邮件。
- 点击使用自定义编码模板起草的电子邮件名称。
- 在电子邮件编辑器中,点击要编辑的模块 。
- 在富文本工具栏中,单击高级 下拉菜单并选择源代码。
- 在对话框中,在图片代码末尾添加
hspace="10" vspace="10"。将10替换为所需的间距。

使用表格
您可以使用一个三栏表格,均匀地包含图片、间距和文本。
- 在您的 HubSpot 账户中,导航至 营销 > 电子邮件。
- 点击使用自定义编码模板起草的电子邮件名称。
- 在电子邮件编辑器中,点击要编辑的模块 。
- 在富文本工具栏中,点击插入 下拉菜单并选择表格,然后创建一个 3x1 表格。

-
在富文本编辑器工具栏中,单击高级 下拉菜单并 选择源代码。
- 在对话框中,为空白单元格添加宽度,如
<td width="10">,以设置图像和文本之间的空间。 - 设置字体家族、大小和颜色,以及行高,因为 Outlook 会在未指定时添加自己的样式。
解决意外横线问题
由于某些版本的 Outlook 存在一个已知问题,在电子邮件的各部分之间可能会出现一条水平线。如果出现这种情况,请尝试以下步骤:- 将电子邮件的背景颜色设置为与正文颜色相同。
- 将内容的字体大小和行高更新为偶数。
- 将以下 CSS 样式 添加到电子邮件模板的标题部分:
ms-text-size-adjust: none; mso-line-height-rule: exactly;
Marketing Email
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。
