Anpassen der vertikalen Ausrichtung und des Paddings alignment-and-padding

In diesem Beispiel passen wir den Abstand und die senkrechte Ausrichtung innerhalb einer Strukturkomponente an, die aus drei Spalten besteht.

  1. Wählen Sie eine Strukturkomponente direkt in der E-Mail oder über den Navigationsbaum im linken Menü aus.

  2. Wählen Sie in der Symbolleiste mit der Option Spalte auswählen die gewünschte Spalte aus. Sie können sie auch im Strukturbaum auswählen.

    Die bearbeitbaren Parameter für diese Spalte werden im Menü Stile angezeigt.

  3. Wählen Sie unter Ausrichtung die Option Oben, Zentriert oder Unten aus.

  4. Legen Sie unter Abstand den Abstand für alle Seiten fest.

    Wählen Sie Unterschiedliche Abstände für jede Seite aus, wenn Sie eine Feinabstimmung für den Abstand vornehmen möchten. Klicken Sie auf das Sperrsymbol, um die Synchronisierung aufzuheben.

  5. Gehen Sie analog mit den anderen Ausrichtungs- und Abstandseinstellungen der Spalten vor.

  6. Speichern Sie Ihre Änderungen.

TIP
Achten Sie beim Entwerfen von E-Mail-Inhalt für Gmail auf Android-Geräten darauf, dass für Bilder und Trennelemente Spaltenabstände und keine großen, festen Ränder verwendet werden. Gmail auf Android rendert übergroße Bilder und Ränder häufig falsch, was zu Layout-Überlauf oder reduzierten Trennlinien führt. Verwenden Sie eine kleinere Bildbreite oder spaltenbasierte Abstände, um eine konsistente Anzeige zu erreichen.

Verwalten des Abstand von Fragmenten mit Breadcrumb-Navigation fragment-padding-breadcrumb

Beim Arbeiten mit Fragmenten in der E-Mail-Designer kann es vorkommen, dass der ausgeblendete oder restliche Abstand das Rendering auf Mobilgeräten anders beeinflusst als auf dem Desktop. Dies ist besonders häufig, wenn Fragmente entsperrt wurden oder die Vererbung unterbrochen wurde da übrig gebliebene Formatierungen in den zugrunde liegenden Spalten- oder Textkomponenten verbleiben können.

So identifizieren und bearbeiten Sie übrig gebliebene Abstände in Fragmenten:

  1. Verwenden Sie den Navigationsbaum oder klicken Sie direkt auf Elemente im Editor, um jede übergeordnete Struktur oder Spalte innerhalb Ihres Fragments auszuwählen. Auf diese Weise können Sie ausgeblendete Abstände oder Ränder finden, die speziell für Mobilgeräte gelten.

  2. Nachdem Sie das Element im Breadcrumb ausgewählt haben, navigieren Sie zur Registerkarte Stile auf der rechten Seite.

  3. Überprüfen Sie die Padding-Einstellungen und entfernen oder passen Sie den Padding nach Bedarf an, um eine korrekte Ausrichtung auf Mobilgeräten zu erreichen.

  4. Wenn bei der Wiederverwendung von Fragmenten weiterhin Ausrichtungsprobleme auftreten, wiederholen Sie diesen Vorgang für andere Spalten oder Textkomponenten innerhalb des Fragments.

NOTE
Dieses Verhalten ist zu erwarten, wenn Fragmente wiederholt eingefügt und entfernt werden, da sich Stilregeln ansammeln können. Überprüfen Sie die Auffüllwerte immer mithilfe der Breadcrumb-Navigation, insbesondere bei Mobilgeräten.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76