知識庫

自訂編碼的行銷電子郵件在 Outlook 中看起來不同

作者:HubSpot Support | Nov 21, 2022 11:56:18 AM

如果您建立了自訂編碼的行銷電子郵件,您可能會發現電子郵件在 Outlook 中的呈現方式有差異,例如定位或間距問題。您可以遵循以下部分的疑難排解步驟來提供協助

如果您發現 Outlook 中電子郵件的定位或間距看起來不對,請遵循下列疑難排解步驟。

在 HubSpot設計師社群了解更多關於電子郵件設計的資訊。

間距

在 Outlook 中,有兩種調整影像間距的方法:使用 hspace 或 vspace,以及使用表格。

使用 hspace 和 vspace

HTML 屬性vspace定義了垂直空間,並會在圖片的頂部和底部添加相等的間距。hspace 屬性定義水平空間,並會在圖片的左右兩側加入相等的間距。

  • 將滑鼠移至具有自訂編碼範本的電子郵件名稱,然後按一下「編輯」。

  • 點選進入內容模組。

  • 在圖片程式碼的末端,加入下列其中一個或兩個程式碼:hspace="10" vspace="10", 10 改為所需的間距。

使用表格

您可以使用三欄表格來平均包含圖片、間距和文字:

  • 將具有自訂編碼範本的電子郵件名稱移至上方,然後按一下「編輯」。

  • 在豐富文字編輯器工具列中,按一下插入 > 表格。建立一個 3x1 表格。

  • 在豐富文字編輯器工具列中,按一下進階,然後選擇原始碼

  • 在空白儲存格中指定寬度,例如<td width="10"> ,以表示您希望圖片與文字之間的間距。

  • 指定字型、字型大小、字型顏色和行高,例如style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" ,因為 Outlook 會在未指定時加入自己的樣式。

解決電子郵件中意外出現橫線的問題

由於某些 Outlook 版本的已知錯誤,您的電子郵件中各節之間可能會出現水平線。雖然沒有一致的方法來解決這個問題,但您可以嘗試以下的疑難排解步驟:

ms-text-size-adjust: none; mso-line-height-rule: exactly;