Oversikt over Flex Layout

Sist oppdatert 7. aug. 2026

Bruk Flex Layout-panelet i InDesign for å opprette, justere, angi retning, bryte tekst, tilpasse og lage mellomrom mellom elementer i Flex Layout.

Hva er en Flex-layout?

Flex Layout er en funksjon som lar deg opprette beholdere som automatisk tilpasser seg når innholdet endres. Elementer i beholderen plasseres ved hjelp av retning, mellomrom, utfylling og justering. Når innhold legges til, fjernes eller endres i størrelse, justeres layouten automatisk, noe som eliminerer behovet for manuelle justeringer.

Få tilgang til Flex Layout-alternativer

Velg et objekt/gruppe/flere objekter i dokumentet ditt og gjør ett av følgende for å få tilgang til Flex Layout-alternativer:

Gå til Objekt > Flex Layout.
Høyreklikk på objektet for å få tilgang til Flex Layout.
Gå til Vindu > Flex Layout -panel.
Velg én gang for å arbeide med overordnet flex og dobbeltklikk for å velge underordnet.
Bruk Direktevalg -verktøyet for å Velg de underordnede elementene.

Legg til i Flex Layout	Legger til valgte objekter i en Flex Layout.
Konverter til flex-layout	Konverterer et objekt (rektangelramme, rektangelform eller gruppe) til en Flex Layout.
Fjern flex-layout	Fjerner Flex Layout fra utvalget. Hvis Flex Layout hadde flere objekter, opprettes en gruppe. Hvis den hadde ett objekt, forblir objektet.
Vis flex-kontroller	Åpner Flex Layout-panelet (alternativ til Egenskaper-panelet).

Flex Layout introduserer et CSS Flexbox-lignende beholderkonsept i InDesign. Det gir kraftig layoutkontroll for underordnede objekter. Med Flex Layout blir design strukturerte, mer adaptive og krever mindre manuell justering.

Flex Layout-beholder

Du kan konfigurere Flex Layout-egenskaper direkte i Objektstiler. Du kan opprette en objektstil som heter Vertikal beholder som inkluderer Flex Layout-innstillinger, og deretter bruke den på en hvilken som helst Flex Layout-beholder i layouten din.

Eksempel:

Bruk Objektstiler-panelet for å bruke Flex Layout og angi egenskaper som retning, justering og avstand. Når den er lagret, kan du bruke denne stilen på andre beholdere for å oppnå konsistent layoutatferd.

Flex Layout-underelement

Den samme Flex Layout-seksjonen i Objektstiler kan også definere egenskaper for Flex Layout-underelementer og deres nestede underelementer, slik at du kan standardisere oppførsel, for eksempel faste eller fleksible dimensjoner, på tvers av layouten din.

Direkte oppretting av interaktive elementer: Konverter underordnede elementer innenfor en Flex Layout til interaktive elementer uten å opprette dem separat og legge dem til Flex Layout.
Lås underordnede elementer: Lås ett eller flere underordnede elementer innenfor en Flex Layout for å hindre direkte dra og slipp, endring av størrelse eller flytting utenfor rammen, samtidig som posisjonsendringer fortsatt tillates ved bruk av piltastene på tastaturet.
Tastaturnavigasjon for underordnede elementer: Flytt låste eller ulåste elementer ved å bruke venstre eller høyre piltaster i horisontale layouts eller opp- eller ned-piltastene i vertikale layouts.

Tips

Du kan bruke Objektstiler for å definere flex-egenskaper innenfor låste flex-rammer.

Flex Layout-panel

For å få tilgang til panelet kan du gå til Vindu > Flex Layout. Panelet Flex Layout åpnes. Du kan nå opprette eller legge til en Flex Layout eller tilpasse en eksisterende etter dine behov. Hvis det ikke er gjort noe valg, kan panelet også brukes til å endre standardinnstillingene (gjelder hvis automatisk gjenkjenning er slått AV). Gå til Innstillinger > Generelt > Gjenkjenn automatisk og bruk Flex Layout-innstillinger for å sjekke innstillingen for automatisk gjenkjenning.

A. Bredde på Flex-beholderen B. Høyde på Flex-beholderen C. Tekstbryting D. Retningen til objekter i Flex Layout E. Vertikal avstand F. Horisontal avstand G. Padding H. Justering I. Justering av objekter i flex-layout

Bredde og høyde

Størrelsen på både Flex Layout-beholdere og deres underordnede kan kontrolleres uavhengig. For en Flex Layout-beholder kan bredde og høyde være:

Fast: Beholderstørrelsen forblir konstant, uavhengig av innholdet.
Auto: Beholderstørrelsen vokser eller krymper ut fra størrelsen til underelementene.

For Flex Layout-barn (inkludert nestede Flex Layout):

Fast: Underelementets størrelse forblir konstant, uavhengig av eget innhold.
Auto: Underelementets størrelse tilpasser seg for å passe til sitt eget innhold eller innholdet i underelementer.
Fyll plass: Underelementet utvides for å oppta gjenværende tilgjengelig plass i den dimensjonen, og deler plass med andre Fyll plass-søsken etter behov.

Tekstbryting

Slår på eller av objektbryting i beholderen.

Retning

Velg hvordan elementer skal plasseres i beholderen (rad, rad reversert, kolonne, kolonne reversert).

Avstand

Kontrollerer padding og mellomrom.

Utfylling: Definer avstand inne i beholderen på alle sider (topp, bunn, venstre, høyre).
Horisontal avstand : Angi konsistent avstand mellom elementer horisontalt.
Vertikal avstand : Angi konsistent avstand mellom elementer vertikalt.

Justering

Kontrollerer distribusjonen av elementer langs hovedaksen.

	Justerer raden til starten av Flex Layout og justerer elementene til starten av raden.
	Justerer raden til midten av Flex Layout og justerer elementene til midten av raden.
	Justerer raden til slutten av Flex Layout og justerer elementene til slutten av raden.
	Justerer elementer i rader slik at – Likt mellomrom på begge sider av hvert element. Kantelementene har bare én side eksponert. Mellomrommet ved kantene er halvparten av mellomrommet mellom elementene.
	Justerer elementer i rader slik at – Det første elementet er i flukt med startkanten, og det siste elementet er i flukt med sluttkanten. De gjenværende elementene er jevnt fordelt i området i mellom. Distribuerer elementene jevnt langs hovedaksen, med det første elementet ved starten og det siste elementet ved slutten. Ingen mellomrom ved de ytre kantene.
	Justerer elementer i rader slik at – Lik avstand overalt: mellom elementer og ved kantene. Det er lik avstand overalt.

Justering

Justerer elementer langs tverraksen: Øverst, Senter, Nederst, eller Venstre, Senter, Høyre.

	Øverst til venstre: Justerer radene til øverst til venstre i Flex Layout-beholderen og justerer elementene i raden til øverst til venstre i raden.
	Midten til venstre: Justerer radene til midten til venstre i Flex Layout-beholderen og justerer elementene i raden til midten til venstre i raden.
	Nederst til venstre: Justerer radene til nederst til venstre i Flex Layout-beholderen og justerer elementene i raden til nederst til venstre i raden.
	Øverst midten: Justerer radene til øverst midten i Flex Layout-beholderen og justerer elementene i raden til øverst midten i raden.
	Midtstill: Justerer radene til midten av Flex Layout-beholderen og justerer elementene i raden til midten av raden.
	Nederst midten: Justerer radene til nederst midten i Flex Layout-beholderen og justerer elementene i raden til nederst midten i raden.
	Øverst til høyre: Justerer radene til øverst til høyre i Flex Layout-beholderen og justerer elementene i raden til øverst til høyre i raden.
	Midten til høyre: Justerer radene til midten til høyre i Flex Layout-beholderen og justerer elementene i raden til midten til høyre i raden.
	Nederst til høyre: Justerer radene til nederst til høyre i Flex Layout-beholderen og justerer elementene i raden til nederst til høyre i raden.

Markeringsindikatorer i Flex-layout

InDesign bruker visuelle hint for å hjelpe deg med å forstå markeringstilstander i Flex-layout:

Stiplede konturer indikerer ikke-aktive layoutnivåer.
Heltrukne konturer indikerer valgbare rammer på samme nivå.
Segmentmarkør lar deg velge nestede rammer direkte uten gjentatte klikk.

Disse indikatorene hjelper med å tydeliggjøre hierarkiet og markeringsfokus når du arbeider med nestede layouter.

Kontroller for marg og mellomrom på lerretet

Flex-layout gir interaktive kontroller på lerretet for justering av utfylling og mellomrom:

Koblet utfylling: Juster alle fire utfyllingsverdier sammen.
Frakoblet utfylling: Juster hver side uavhengig.
Horisontal og vertikal avstand: Endre avstand direkte mellom elementer, inkludert ombrutte rader eller kolonner.

Visuelle indikatorer på lerretet gjenspeiler gjeldende verdier og oppdateres i sanntid i Flex Layout-panelet.

Transformer og skjær Flex Layout-rammer

Du kan nå rotere, speile, skalere eller forskyve en Flex-layout uten å avbryte oppførselen. Transformasjoner gjelder både overordnede og nestede flex-rammer, og Flex Layout-panelet forblir aktivt mens du transformerer objekter. Dette lar deg justere justering, avstand, tekstbryting og retning mens du transformerer layouter, uten å bryte flex-strukturen.

Opprett trykte og digitale materialer med InDesign
Design effektfulle annonser, magasin- og bokoppsett og mer.

Åpne applikasjonen

Neste

Opprett teamsider med Flex Layout

Opplæring

Lær med trinnvise opplæringsvideoer og praktisk veiledning direkte i applikasjonen.

Fellesskap

Delta i diskusjoner, finn svar, lær av eksperter og del kunnskapen din.

Adobe-startsiden

Få tilgang til de Creative Cloud-appene og -tjenestene du liker best, samt filbehandling og annet.