垂直方向の整列とパディングの調整 alignment-and-padding
この例では、3 つの列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整します。
-
メール内で構造コンポーネントを直接選択するか、左側のメニューで使用可能な ナビゲーションツリー を使用します。
-
ツールバーから、「列を選択」をクリックし、編集する列を選択します。 構造ツリーから選択することもできます。
その列の編集可能なパラメーターが、「スタイル」タブに表示されます。
-
整列で、「上」、「中央」、または「下」を選択します。
-
「パディング」で、すべての辺のパディングを定義します。
パディングを微調整する場合は、「各辺に異なるパディングを使用」を選択します。 鍵アイコンをクリックして、同期を解除します。
-
同じようにして、他の列の位置揃えとパディングを調整します。
-
変更を保存します。
パンくずナビゲーションを使用したフラグメントのパディングの管理 fragment-padding-breadcrumb
E メールデザイナーでフラグメントを操作する際に、デスクトップとは異なるモバイルレンダリングに影響を与える非表示のパディングや残余のパディングが発生する場合があります。 これは、フラグメントがロック解除されている場合や継承が破損している場合に特によく発生し、残りのスタイルが基になる列やテキストコンポーネントに残ることがあります。
フラグメントの残りのパディングを特定して編集するには:
-
ナビゲーションツリーを使用するか、エディターで要素を直接クリックして、フラグメント内の各親構造または列を選択します。 これにより、モバイルデバイスに固有の非表示のパディングやマージンを見つけることができます。
-
パンくずリストの要素を選択したら、右側の「スタイル」タブに移動します。
-
パディング設定を確認し、必要に応じてパディングを削除または再調整して、モバイル上の表示を正しく調整します。
-
フラグメントを再利用しても整列の問題が解決しない場合は、フラグメント内の他の列またはテキストコンポーネントに対してこのプロセスを繰り返します。