調整垂直對齊方式與內距 alignment-and-padding

在此範例中,我們將調整由三欄組成的結構元件內的邊框間距和垂直對齊方式。

  1. 直接在電子郵件中選取結構元件,或使用左側功能表中可用的​導覽樹狀結構

  2. 在工具列中按一下​選取資料行,然後選擇您要編輯的資料行。 您也可以從結構樹中選取它。

    該欄的可編輯引數會顯示在​ 樣式 ​索引標籤中。

  3. 在​ 對齊方式 ​下,選取​​或​

  4. 在​ 內距 ​下,定義所有邊的內距。

    若要微調內距,請選取​每一邊不同的內距。 按一下鎖定圖示以中斷同步。

  5. 以類似的方式調整其他欄的對齊方式和邊框間距。

  6. 儲存您的變更。

TIP
在Android裝置上為Gmail設計電子郵件內容時,請確定影像和分隔符號使用欄邊距,而非大型的固定邊界。 Android上的Gmail經常會不正確地呈現過大的影像和邊界,造成版面溢位或分隔線減少。 使用較小的影像寬度或仰賴欄式邊框間距來維持顯示的一致性。

使用階層連結導覽管理片段邊距 fragment-padding-breadcrumb

在電子郵件Designer中使用片段時,您可能會遇到隱藏的或殘留的內距,這些內距對行動轉譯的影響與案頭不同。 當片段已解除鎖定或繼承已中斷時,這會特別常見,因為剩餘的樣式可以保留在基礎欄或文字元件中。

若要識別及編輯片段中的剩餘邊框間距:

  1. 使用​導覽樹狀結構,或直接按一下編輯器中的元素,以選取片段中的每個父結構或欄。 這有助於您找出行動裝置特有的隱藏邊框間距或邊界。

  2. 在階層連結中選取元素後,導覽至右側的​ 樣式 ​索引標籤。

  3. 檢閱​ 內距 ​設定,並視需要移除或重新調整內距,以取得正確的行動對齊方式。

  4. 如果重複使用片段時對齊問題持續存在,請對片段中的其他欄或文字元件重複此程式。

NOTE
當重複插入和移除片段時,此行為是預期行為,因為樣式規則可以累積。 請一律使用階層連結導覽來驗證邊框間距值,尤其是在鎖定行動裝置為目標時。
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76