上次更新時間： 九月 25, 2024
可与下列任何一种订阅一起使用，除非有说明：
行銷 Hub
Professional
,
Enterprise
|
Content 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替換為所需的間距。
使用表格
您可以使用3欄表格來均勻地包含影像、間距和文字：
- 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行銷郵件」。
-
將自訂編碼範本懸停在電子郵件名稱上，然後按一下「編輯」。
-
在RTF文字編輯器工具列中，按一下插入>表格。 建立3x1表格。
-
在RTF編輯器工具列中，按一下進階，然後選取原始程式碼。
-
指定空白儲存格中的寬度，例如
，以表示圖像和文字之間的間距。 -
指定字體系列、字型大小、字型顏色和行高，例如
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;