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

如果您创建了自定义编码的营销电子邮件，您可能会发现电子邮件在 Outlook 中的呈现方式存在差异，例如定位或间距问题。您可以按照以下部分中的故障排除步骤来解决问题

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

在 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;