营销电子邮件在 Outlook 中的外观不同
上次更新时间: 二月 12, 2025
除非另有说明,否则适用于以下任何订阅:
|
|
旧版 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 中存在一个已知的错误,电子邮件中各部分之间可能会出现一条横线。虽然没有一致的方法来解决这个问题,但你可以尝试以下故障排除步骤:
- 将电子邮件的背景颜色设置为与正文颜色相同。
- 将内容的字体大小和行高更新为偶数。
- 在电子邮件模板的标题部分包含以下CSS 样式:
ms-text-size-adjust: none; mso-line-height-rule: exactly;