在Outlook中，市場推廣電子郵件看起來有所不同

如果你使用更新後的經典電郵編輯器起草行銷電郵，你可能會發現電郵在Outlook中的渲染方式有出入，因為Outlook對CSS的支持有限。

如果您發現Outlook中的電子郵件定位或間距有誤，請按照以下疑難解答步驟操作。

進一步了解HubSpot設計師社羣中的電子郵件設計。 

請注意： HubSpot支援無法支援自訂的密碼電郵範本。 如果你使用的是自訂代碼模板，請跟進創建模板的提供商。 你也可以與社羣中的其他HubSpot用戶和設計師建立聯繫。

空格

Outlook中有兩種方法可以調整影像周圍的間距：使用hspace或vspace ，以及使用表格。

使用hspace和vspace

HTML屬性vspace會定義垂直空間，並會為影像的頂部和底部新增相等的間距。 Hspace屬性定義了水平空間，並將為影像的左右添加相等的間距。

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 將滑鼠懸停在電子郵件名稱上，然後按一下[編輯]。

• 按一下內容模組，然後按一下進階>來源代碼。

• 在影像代碼結束時，添加以下代碼之一或兩者： hspace = "10" vspace = "10" ， 用所需的間距取代10。

使用表格

您可以使用3列表格均勻地包含影像、間距和文字：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 懸停電子郵件名稱，然後按一下編輯。

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

• 在富文本編輯器工具列中，按一下進階>來源代碼。

• 在空格中指定寬度，例如< 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: exact;