上次更新時間： 一月 20, 2023
如果你使用更新後的經典電郵編輯器起草行銷電郵，你可能會發現電郵在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;