Outlook中的行銷電子郵件看起來不一樣

如果您使用更新的傳統電子郵件編輯器來草擬行銷電子郵件，由於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編輯器工具列中，按一下更多，然後按一下原始程式碼圖示htmlFile。

• 指定空白儲存格中的寬度，例如< td width = "10" > ，以表示圖像和文字之間的間距。

• 指定字體系列、字體大小、字體顏色和行高，例如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;