In diesem Artikel wird erläutert, wie Sie den internen Abstand in GemPages mithilfe der Padding- und Gap-Einstellungen anpassen, um die Lesbarkeit, Struktur und allgemeine Layoutbalance zu verbessern.
Warum der interne Abstand wichtig ist
Interne Abstände in Ihrem Design – ob innerhalb eines einzelnen Elements oder zwischen mehreren Elementen – sind für ein sauberes, lesbares und optisch ansprechendes Layout unerlässlich. Der richtige Abstand kann:
- Verbessern Sie die Lesbarkeit von Inhalten
- Schaffen Sie ein Gefühl von Ausgewogenheit und Struktur
- Verhindern Sie, dass Elemente überladen oder beengt wirken
In GemPages können Sie zwei grundlegende Arten des internen Abstands anpassen: Polsterung , Lücke (wird in Zeilen und Spalten verwendet).
1. Interne Polsterung anpassen
Polsterung steuert den Abstand zwischen dem Inhalt eines Elements und seinem äußeren Rand. Es wird häufig verwendet, um:
- Fügen Sie um Text oder Bilder herum Platz zum Atmen hinzu
- Stellen Sie sicher, dass der Inhalt den Rand des Elements nicht berührt
- Schaffen Sie einen einheitlichen, eleganten Look
So passen Sie die Polsterung in GemPages an:
Schritt 1:: Klicken Sie auf das Element (z. B. eine Schaltfläche, ein Bild oder einen Textblock), das Sie anpassen möchten.
Schritt 2:: Gehen Sie in der linken Seitenleiste zu Erweitert Tab.
Schritt 3:: Finden Sie die Abstand Abschnitt, dann passen Sie die Polsterung Werte für:
- Oben: Platz über dem Inhalt
- Rechts: Platz nach rechts
- Slip: Platz unten
- Links: Leerzeichen nach links

Tipp: Verwenden Sie konsistente Polsterungswerte für ein einheitliches Erscheinungsbild oder passen Sie jede Seite für ein asymmetrisches Design an.
2. Passen Sie die Lücken zwischen untergeordneten Elementen in einer Zeile an
Wenn Sie mit einem Reihe oder die Container das mehrere untergeordnete Elemente enthält (z. B. Spalten, Schaltflächen oder Bilder), wird der Abstand zwischen diesen Elementen mithilfe von gesteuert Spaltenlücke.
So passen Sie Spaltenabstände an:
Schritt 1:: Wähle aus übergeordneter Container (normalerweise ein Zeilenelement mit zwei oder mehr Spalten).
Schritt 2:: Suchen Sie im Einstellungsbereich nach Spaltenabstand Einstellung.

Schritt 3:: Verwenden Sie den Schieberegler, um den Abstand zwischen untergeordneten Elementen zu vergrößern oder zu verkleinern.

Zeigen Sie Ihre Änderungen in Echtzeit an, um ein optimales Layout und eine optimale Ausrichtung sicherzustellen.
3. Passen Sie die Lücken zwischen gestapelten Reihen oder Elementen an
Bei vertikal gestapelten Elementen – wie Akkordeonabschnitten, Listenelementen oder Inhaltsblöcken – wird der Abstand zwischen ihnen durch die Artikellücke or Zeilenlücke Einstellung.
So passen Sie Zeilen- oder Elementabstände an:
Schritt 1:: Wähle aus Container das die gestapelten Elemente hält (z. B. ein Akkordeon oder ein Abschnitt mit mehreren Reihen).
Schritt 2:: Gehen Sie in der linken Seitenleiste zu Artikelabstand .

Schritt 3:: Verstelle die Artikellücke Einstellung mit dem Schieberegler.

Vielen Dank für Ihre Kommentare