如果您建立了一封自訂程式碼的行銷電子郵件，可能會發現該郵件在 Outlook 中的顯示方式存在差異，例如定位或間距問題。這些間距問題有時可透過指定hspace與vspace屬性，或使用表格來解決。
解決間距問題
在 Outlook 中調整圖片周圍的間距有兩種方法：使用 hspace 或 vspace，以及使用表格。
使用 hspace 和 vspace
HTML 屬性vspace用於定義垂直間距，會在圖片的頂部和底部添加等量的間距。而hspace屬性則用於定義水平間距，會在圖片的左右兩側添加等量的間距。
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
- 點選使用自訂程式碼範本建立的草稿電子郵件名稱。
- 在電子郵件編輯器中，點擊您 要編輯的模組 。
- 在富文本工具列中，點選「進階 」下拉式 選單，並選擇「原始碼」。
- 在對話方塊中，於圖片代碼末尾加入
hspace="10" vspace="10" 。將10 替換為您所需的空格數量。
使用表格
您可以使用三欄表格，將圖片、間距和文字均勻地排列其中。
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
- 點擊使用自訂程式碼範本撰寫的草稿電子郵件名稱。
- 在電子郵件編輯器中，點擊您 要編輯的模組 。
- 在富文本工具列中，點選「插入 」下拉式 選單並選擇「表格」，接著建立一個 3×1 的表格。
-
在富文本編輯器工具列中，點擊「進階 」下拉式選單並 選擇「 原始碼」。
- 在對話方塊中，為空儲存格設定寬度（例如
<td width="10"> ）， 以設定圖片與文字之間的間距。
- 請設定字型家族、大小和顏色，以及行高，因為若未指定，Outlook 會自動套用其預設樣式。
排除意外出現的水平線問題
由於某些版本的 Outlook 存在已知問題，電子郵件中的各段落之間可能會出現橫線。若發生此情況，請嘗試以下步驟：
- 將電子郵件的背景色設定為與正文顏色相同。
- 將內容的字型大小和行高調整為偶數。
- 在電子郵件範本的 <head> 區段中加入以下 CSS 樣式：：
ms-text-size-adjust: none; mso-line-height-rule: exactly;
Marketing Email
.svg?height=99&width=353)