如果您建立了自訂編碼的行銷電子郵件,您可能會發現電子郵件在 Outlook 中的呈現方式有差異,例如定位或間距問題。
解決間距問題
在 Outlook 中,有兩種調整影像間距的方法:使用 hspace 或 vspace,以及使用表格。
使用 hspace 和 vspace
HTML 屬性vspace定義垂直空間,並會在圖片的頂部和底部加入相等的間距。hspace 屬性定義水平空間,並會在圖片的左右兩側加入相等的間距。
- 點選使用自訂編碼範本草擬的電子郵件名稱。
- 在電子郵件編輯器中,點選要編輯的模組 。
- 在豐富文字工具列中,點選進階下 拉選單,並選擇原始碼。
- 在對話方塊中,在圖片代碼的末端加入
hspace="10" vspace="10" 。將10 改為所需的間距。
使用表格
您可以使用 3 欄表格來均勻地包含圖片、間距和文字。
- 點選使用自訂編碼範本草擬的電子郵件名稱。
- 在電子郵件編輯器中,點選要編輯的模組 。
- 在豐富文字工具列中,點選插入 下拉式功能表,並選擇表格,然後建立一個 3x1 表格。
-
在豐富文字編輯器工具列中,按一下進階下拉功能表 並選擇原始碼。
- 在對話方塊中,為空白儲存格新增寬度,例如
<td width="10"> ,以設定影像與文字之間的空間。
- 設定字型、大小和顏色,以及行高,因為 Outlook 會在未指定時加入自己的樣式。
排除意外的水平線
由於某些 Outlook 版本的已知問題,您的電子郵件中各節之間可能會出現水平線。如果出現這種情況,請嘗試以下步驟:
- 將電子郵件的背景顏色設定為與正文顏色相同。
- 更新內容的字型大小和行高為偶數。
- 將下列 CSS 樣式 加入您電子郵件範本的標題部分:
ms-text-size-adjust: none; mso-line-height-rule: exactly;