---
url: "/pl/emailify/design/item-spacing.md"
description: "Odstępy między warstwami zmienisz właściwością Auto Layout Item Spacing, a dodatkowy pionowy odstęp dodasz elementem Spacer z Emailify."
---

# Odstępy między elementami i elementy Spacer w e-mailach

> Odstępy między warstwami zmienisz właściwością Auto Layout Item Spacing, a dodatkowy pionowy odstęp dodasz elementem Spacer z Emailify.

## Zmiana domyślnych odstępów Auto Layout między elementami w warstwach {#changing-the-default-auto-layout-item-spacing-for-your-layers}

[Video](/assets/videos/emailify/design/adding-item-spacing.mp4)

Zmieniając właściwość **Item Spacing** w warstwach Row, Column lub innych warstwach układu Emailify (takich jak Wrapper, Hero czy kontener ikon społecznościowych), określasz domyślny odstęp między elementami podrzędnymi wewnątrz tej warstwy.

Na przykład ustawienie wartości odstępu `16` w warstwie Column rozłoży równe odstępy (16 pikseli) między wszystkimi elementami (na przykład tekstami, obrazami, przyciskami itd.) wewnątrz tej warstwy Column.

## Dodawanie własnych pionowych elementów Spacer do kolumn {#adding-custom-vertical-spacer-elements-to-your-columns}

[Video](/assets/videos/emailify/design/adding-spacer-elements.mp4)

Jeśli masz już ustawiony domyślny odstęp, ale między niektórymi warstwami w kolumnie potrzebujesz jeszcze trochę pionowego odstępu, możesz dodać specjalny element Spacer z Emailify. Kliknij warstwę „Column”, wybierz pozycję „Spacer” z listy rozwijanej Quick Add na dole wtyczki, a następnie kliknij przycisk **Add +**, aby wstawić warstwę odstępu do kolumny.

Po dodaniu warstwy Spacer do kolumny możesz przeciągnąć ją w panelu warstw, aby zmienić, między którymi warstwami się znajduje, a jej rozmiar zmienisz, ustawiając **Height** warstwy w panelu właściwości warstwy w Figmie.

> **Info:** Wokół własnych elementów Spacer również obowiązuje domyślny Item Spacing ich elementu nadrzędnego, więc uwzględnij to, ustawiając wartość Height odstępu.

## Automatyczny pionowy odstęp między warstwami w kolumnie {#adding-automatic-vertical-item-spacing-between-your-column-layers}

[Video](/assets/videos/emailify/design/vertical-auto-layout-split.mp4)

Aby jedna warstwa była na górze kolumny, a druga na dole, ustaw pionowe wymiarowanie Auto Layout warstwy Column na **Fill container**. Następnie ustaw **Item spacing** na **Auto**. Figma rozłoży dostępne miejsce między warstwami, gdy zmienia się długość treści.

> **Tip:** **Nadpisz wartość odstępu dla wersji mobilnej.** Jeśli tą metodą tworzysz w projekcie desktopowym układ rozdzielony w pionie, dodaj też mobilne nadpisanie wartości Item Spacing. Kliknij tę samą warstwę „Column”, w której wykonano powyższe kroki, kliknij przycisk **Settings**, włącz przełącznik **Mobile Item Spacing** i wpisz wybraną wartość liczbową (w pikselach). Dzięki temu odstęp na urządzeniach mobilnych będzie stały i spójny (niezależnie od rozmiaru odstępu „auto” na desktopie).

## Własne pionowe marginesy między akapitami w warstwie tekstowej {#adding-custom-vertical-margin-spacing-between-your-text-layer-paragraphs}

[Video](/assets/videos/emailify/design/paragraph-spacing.mp4)

Pionowe odstępy między akapitami w warstwach tekstowych Figmy możesz dostosować w panelu właściwości tekstu w Figmie, zmieniając wartość **Paragraph spacing** na karcie **Basics**. Określa ona, jaki `margin-bottom` zostanie dodany do tagów `` w treści tej warstwy tekstowej podczas generowania e-maila HTML.

> **Tip:** Pamiętaj, że jeśli dodasz dodatkowe akapity (na przykład naciskając dwukrotnie `Enter` lub `Return`, aby uzyskać podwójny odstęp), _pusty_ dodatkowy akapit nadal zostanie uwzględniony, a pod nim również zostanie dodany ustawiony odstęp akapitu jako `margin-bottom`. Opcjonalnie możesz usunąć te dodatkowe, puste akapity (jak na filmie powyżej), aby dokładniej kontrolować odstępy między akapitami w tekście.

> **Tip:** Możesz [masowo zastosować ustawienia](/pl/emailify/design/settings#apply-settings-in-bulk): otwórz **Settings**, a potem zaznacz w Figmie kilka warstw Emailify tego samego typu. Każde zmienione ustawienie zostanie zastosowane do wszystkich zaznaczonych warstw.