垂直方向の整列とパディングの調整 alignment-and-padding

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

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

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

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

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

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

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

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

  6. 変更を保存します。

TIP
Android デバイスの Gmail のメールコンテンツを設計する際は、画像と区切り線に大きな固定マージンではなく列パディングを使用します。Android の Gmail では、多くの場合、大きすぎる画像やマージンが誤ってレンダリングされ、レイアウトがオーバーフローしたり、区切り線が短くなったりすることがあります。一貫性のある表示を実現するには、画像の幅を小さくするか、列ベースのパディングに依存します。
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76