如果您使用更新的傳統電子郵件編輯器來草擬行銷電子郵件,由於Outlook對CSS的支援有限,您可能會發現電子郵件在Outlook中的呈現方式存在差異。
如果您發現Outlook中的電子郵件位置或間距有誤,請遵循下列疑難排解步驟。
在HubSpot設計師社羣中深入瞭解電子郵件設計。
請注意: HubSpot支援不支援自訂編碼電子郵件範本。 如果您使用的是自訂編碼範本,請與建立範本的供應商聯絡。 您也可以與社羣中的其他HubSpot使用者和設計師建立聯繫。
在Outlook中調整影像周圍的間距有兩種方法:使用hspace或vspace ,以及使用表格。
HTML屬性vspace定義垂直空間,並將相等的空間添加到影像的頂部和底部。 Hspace屬性定義了水平空間,並將相等的空間添加到影像的左右。
使用自訂編碼範本將遊標暫留於電子郵件名稱上,然後按一下「編輯」。
按一下進入內容模組。
hspace="10" vspace="10"
, 將10
替換為所需的間距。您可以使用3欄表格來均勻地包含影像、間距和文字:
將自訂編碼範本懸停在電子郵件名稱上,然後按一下「編輯」。
在RTF文字編輯器工具列中,按一下插入>表格。 建立3x1表格。
在RTF編輯器工具列中,按一下進階,然後選取原始程式碼。
指定空白儲存格中的寬度,例如 ,以表示圖像和文字之間的間距。
指定字體系列、字型大小、字型顏色和行高,例如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;