垂直方向の整列とパディングの調整

最終更新日： 2025年4月10日

作成対象：

  • 初心者
  • 中級
  • ユーザー

この例では、3 つの列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整します。

  1. メール内で構造コンポーネントを直接選択するか、左側のメニューで使用可能な​ ナビゲーションツリー ​を使用します。

  2. ツールバーから、「列を選択」をクリックし、編集する列を選択します。構造ツリーから選択することもできます。

    その列の編集可能なパラメーターが、「スタイル」タブに表示されます。

  3. 整列 ​で、「上」、「中央」、または「下」を選択します。

  4. 「パディング」で、すべての辺のパディングを定義します。

    パディングを微調整する場合は、「各辺に異なるパディングを使用」を選択します。鍵アイコンをクリックして、同期を解除します。

  5. 同じようにして、他の列の位置揃えとパディングを調整します。

  6. 変更を保存します。

ヒント
Android デバイスの Gmail のメールコンテンツを設計する際は、画像と区切り線に大きな固定マージンではなく列パディングを使用します。Android の Gmail では、多くの場合、大きすぎる画像やマージンが誤ってレンダリングされ、レイアウトがオーバーフローしたり、区切り線が短くなったりすることがあります。一貫性のある表示を実現するには、画像の幅を小さくするか、列ベースのパディングに依存します。
前のページ背景設定の編集
次のページインラインのスタイル属性の追加

Journey Optimizer