Visual Mail Editor Documentation
Back to Visual Mail Editor Help Page

Column

Das Column-Element ist das wichtigste Element zum Strukturieren von Layouts. Alle Inhalt-Elemente, wie Text, Button und Image können nur innerhalb des Column-Elements platziert werden.

Ein Column-Element muss innerhalb eines Section- oder Group-Element platziert werden, es kann nicht direkt im Body platziert werden.

Columns unterteilen auf Desktop-Geräten basierend auf ihrer width-Einstellung eine Section in mehrerer horizontale Bereiche in denen Inhalt platziert werden kann.
Columns werden auf Mobilgeräten unabhängig von ihrer width-Einstellung untereinander und mit voller Breite der umgebenden Section dargestellt, sofern Sie nicht Teil eines Group-Elements sind.

Einstellungen

Width

Ermöglicht das Bestimmen der Breite der Spalte, in Prozent basierend auf der Größe der umgebenden Section oder als absolute Größe in Pixel. Alle Columns in einer Section sollten nie mehr als 100% der Breite ihres umgebenden Section-Elements füllen.

Der Standard-Wert ist auto.
auto teilt die Breite der Section basierend auf der Anzahl der platzierten Columns.
Bei 2 Columns 50%, bei 3 Columns 33% und so weiter.

Der Wert wird auf auto zurückgesetzt wenn die Eingabe des Feldes gelöscht wird.

Background Color

Bestimmt die Hintergrundfarbe des Elements inklusive Padding.

Vertical Alignment

Bestimmt die vertikale Ausrichtung zwischen dem oberen und unteren Rand der umgebenden Section.

  • top: Die Column wird am oberen Rand der umgebenden Section ausgerichtet.
  • middle: Die Column wird vertikal zentriert innerhalb der Section ausgerichtet.
  • bottom: Die Column wird am unteren Rand der umgebenden Section ausgerichtet.

Die höchste Column innerhalb der Section bestimmt die Gesamthöhe der Section.

Padding

Bestimmt den Abstand zwischen Inhalt-Elementen, die innerhalb der Column platziert werden und äußerem Rahmen der Column.

Padding Top

Abstand zwischen Oberkante der Column und Column-Inhalten.

Padding Right

Abstand zwischen rechter Kante der Column und Column-Inhalten.

Padding Bottom

Abstand zwischen Unterkante der Column und Column-Inhalten.

Padding Left

Abstand zwischen linker Kante der Column und Column-Inhalten.