Flex Layout-oversigt

Sidst opdateret den 7. aug. 2026

Brug flex-layout-panelet i InDesign til at oprette, justere, indstille retning, ombryde, tilpasse og lave mellemrum mellem elementer i flex-layout.

Hvad er et Flex-layout?

Flex-layout er en funktion, der gør det muligt at oprette containere, der tilpasser sig automatisk, når indholdet ændres. Elementer i containeren placeres ved hjælp af retning, mellemrum, margen og justering. Når indhold tilføjes, fjernes eller ændres størrelse på, justerer layoutet sig selv automatisk, hvilket eliminerer behovet for manuelle justeringer.

Få adgang til flex-layout-indstillinger

Vælg et objekt/gruppe/flere objekter i dit dokument, og gør et af følgende for at få adgang til indstillingerne for Flex-layout:

  • Gå til Objekt > Flex-layout.
  • Højreklik på objektet for at få adgang til Flex-layout.
  • Gå til Vindue > Flex-layout-panel.
  • Vælg én gang for at arbejde med den overordnede flex, og dobbeltklik for at vælge det underordnede element.
  • Brug værktøjet Direkte markering til at vælge de underordnede elementer.

Tilføj til Flex-layout

Føjer valgte objekter til et flex-layout.

Konverter til Flex-layout

Konverterer et objekt (rektangulær ramme, rektangulær form eller gruppe) til et flex-layout.

Fjern Flex-layout

Fjerner flex-layoutet fra markeringen. Hvis flex-layoutet har flere objekter, oprettes der en gruppe. Hvis det havde ét objekt, forbliver objektet uændret.

Vis Flex-kontroller

Åbner panelet Flex-layout (alternativ til panelet Egenskaber).

Flex Layout introducerer et CSS Flexbox-lignende beholderkoncept i InDesign.Det giver kraftfuld layoutkontrol for underordnede objekter. Med Flex Layout bliver designs strukturerede, mere adaptive og kræver mindre manuel justering.

Flex-layout-container

Du kan konfigurere Flex Layout-egenskaber direkte i Objekttypografier. Du kan opret en Objekttypografi med navnet Vertikal beholder, der inkluderer Flex Layout-indstillinger, og derefter anvende den på enhver Flex Layout-beholder i dit layout.

Eksempel:

Brug panelet Objekttypografier til at anvende Flex Layout og indstil egenskaber som retning, justering og afstand. Når det er gemt, kan du anvende denne formatering på andre containere for at opnå ensartet layoutadfærd.

Underordnet flex-layout

Det samme Flex Layout-afsnit i Objekttypografier kan også definere egenskaber for Flex Layout underordnede elementer og deres nestede underordnede elementer, hvilket gør det muligt at standardisere adfærd, såsom faste eller fleksible dimensioner, på tværs af dit layout.

  • Direkte oprettelse af interaktive elementer: Konverter underordnede elementer inden for et Flex Layout til interaktive elementer uden at oprette dem separat og tilføje dem til Flex Layout.
  • Lås underordnede elementer: Lås et eller flere underordnede elementer inden for et Flex Layout for at forhindre direkte trækning, størrelse eller flytning af dem uden for rammen, mens du stadig tillader positionsændringer ved hjælp af tastaturets piletaster.
  • Tastaturnavigation for underordnede elementer: Omplacer låste eller ulåste elementer ved hjælp af venstre eller højre piletaster i horisontale layouts eller op- eller nedpiletaster i vertikale layouts.
Tip

Du kan bruge Objekttypografier til at definere flex-egenskaber inden for låste flex-rammer.

Flex Layout-panel

For at få adgang til panelet, gå til Vindue > Flex-layout. Panelet Flex-layout åbnes. Du kan nu oprette eller tilføje et Flex-layout eller tilpasse et eksisterende efter dine behov. Hvis der ikke er valgt noget, kan du bruge panelet til at ændre standardindstillingerne (gælder hvis automatisk registrering er slået FRA). Gå til Indstillinger > Generelt > Automatisk registrering og anvendelse af flex-layoutindstillinger for at kontrollere indstillingen for automatisk registrering.

Flex-layout-panel der viser forskellige muligheder for at oprette et flex-layout

A. Bredde på Flex-containeren B. Højde på Flex-containeren C. Ombrydning D. Retning af objekter i flex-layout E. Lodret mellemrum F. Vandret afstand G. Margen  H. Justering I. Justering af objekter i flex-layout 

Bredde og højde

Størrelsen af både Flex Layout-beholdere og deres børn kan kontrolleres uafhængigt. For en Flex Layout-beholder kan bredden og højden være:

  • Fast: Containerstørrelsen forbliver konstant, uanset indholdet.
  • Auto: Containerstørrelsen vokser eller mindskes baseret på størrelsen af dens underordnede elementer.

For et Flex Layout barn (inklusive indlejrede Flex Layout):

  • Fast: Det underordnede elements størrelse forbliver konstant, uanset dets eget indhold.
  • Auto: Det underordnede elements størrelse tilpasser sig for at passe til dets eget indhold eller underordnede elementer.
  • Udfyld plads: Underelementet udvider sig for at optage den resterende tilgængelige plads i den dimension og deler plads med andre Udfyld plads-søskende efter behov.

Ombrydning

Slår objektombrydning i beholderen til eller fra.

Retning

Vælg, hvordan elementer skal flyde inde i containeren (række, række omvendt, kolonne, kolonne omvendt).

Afstand

Styrer margen og mellemrum.

  • Padding: Definerer mellemrum inde i containeren på alle sider (top, bund, venstre, højre).
  • Horisontal afstand : Indstil ensartet afstand mellem elementer horisontalt.
  • Vertikal afstand : Indstil ensartet afstand mellem elementer vertikalt.

Justering

Styrer fordelingen af elementer langs hovedaksen.

Justerer rækken til starten af Flex Layout og justerer elementerne til starten af rækken.

Justerer rækken til midten af Flex Layout og justerer elementerne til midten af rækken.

Justerer rækken til slutningen af Flex Layout og justerer elementerne til slutningen af rækken.

Justerer elementer i rækker således at –

  • Lige meget plads på begge sider af hvert element.
  • Kantelementerne har kun én side eksponeret; pladsen ved kanterne er halvdelen af pladsen mellem elementerne.

Justerer elementer i rækker således at –

  • Det første element flugter med startkanten, og det sidste element flugter med slutkanten.
  • De resterende elementer er jævnt fordelt imellem dem.
  • Fordeler elementerne jævnt langs hovedaksen, med det første element ved starten og det sidste element ved slutningen.
  • Ingen mellemrum ved de ydre kanter.

Justerer elementer i rækker således at –

  • Lige meget plads overalt: mellem elementer og ved kanterne.
  • Alt er fuldstændig jævnt.

Justering

Justerer elementer på tværs af krydsaksen: Øverst, Midten, Nederst, eller Venstre, Midten, Højre.

Top left: Justerer rækkerne til øverst til venstre i Flex Layout-containeren og justerer elementerne i rækken til øverst til venstre i rækken.

Center Left: Justerer rækkerne til midten til venstre i Flex Layout-containeren og justerer elementerne i rækken til midten til venstre i rækken.

Bottom Left: Justerer rækkerne til nederst til venstre i Flex Layout-containeren og justerer elementerne i rækken til nederst til venstre i rækken.

Top Center: Justerer rækkerne til øverst i midten af Flex Layout-containeren og justerer elementerne i rækken til øverst i midten af rækken.

Center: Justerer rækkerne til midten af Flex Layout-containeren og justerer elementerne i rækken til midten af rækken.

Bottom Center: Justerer rækkerne til nederst i midten af Flex Layout-containeren og justerer elementerne i rækken til nederst i midten af rækken.

Top Right: Justerer rækkerne til øverst til højre i Flex Layout-containeren og justerer elementerne i rækken til øverst til højre i rækken.

Center Right: Justerer rækkerne til midten til højre i Flex Layout-containeren og justerer elementerne i rækken til midten til højre i rækken.

Bottom Right: Justerer rækkerne til nederst til højre i Flex Layout-containeren og justerer elementerne i rækken til nederst til højre i rækken.

Markeringsindikatorer i Flex-layouts

InDesign bruger visuelle signaler til at hjælpe dig med at forstå markeringstilstande i Flex-layouts:

  • Prikkede konturer angiver ikke-aktive layoutniveauer.
  • Solide konturer angiver valgbare søskenderammer.
  • Værktøjet Direkte markering lader dig vælge indlejrede rammer direkte uden gentagne klik.

Disse indikatorer hjælper med at tydeliggøre hierarki og markeringsfokus, når du arbejder med indlejrede layouts.

Kontrolelementer til indre margen og mellemrum på lærredet

Flex-layouts giver interaktive kontrolelementer på lærredet til justering af indre margen og mellemrum:

  • Sammenkædet indre margen: Juster alle fire indre margen-værdier sammen.
  • Ikke-sammenkædet indre margen: Juster hver side uafhængigt.
  • Vandret og lodret mellemrum: Modificer mellemrum direkte mellem elementer, inklusive ombrudte rækker eller kolonner.

Visuelle indikatorer på lærredet afspejler aktuelle værdier og opdateres i realtid i panelet Flex Layout.

Transformér og klip Flex-layout-rammer

Du kan nu rotere, spejle, skalere eller klippe et Flex-layout uden at afbryde dets funktionsmåde. Transformationer gælder for både overordnede og indlejrede flex-rammer, og panelet Flex Layout forbliver aktivt, mens du transformer objekter. Dette giver dig mulighed for at justere justering, afstand, ombrydning og retning, mens du transformer layouts, uden at bryde flex-strukturen.