Översikt över Flex Layout

Senast uppdaterad den 7 aug. 2026

Använd panelen Flex Layout i InDesign för att skapa, justera, ställa in riktning, figursätta, centrera och fördela objekt i Flex Layout.

Vad är en Flex-layout?

Flex Layout är en funktion som låter dig skapa behållare som automatiskt anpassar sig när innehåll ändras. Objekt i behållaren positioneras med hjälp av riktning, mellanrum, utfyllnad och justering. När innehåll läggs till, tas bort eller storleksändras justeras layouten automatiskt, vilket eliminerar behovet av manuella justeringar.

Åtkomst till Flex Layout-alternativ

Välj ett objekt/grupp/flera objekt i ditt dokument och gör något av följande för att få åtkomst till Flex Layout-alternativ:

Gå till Object > Flex Layout.
Högerklicka på objektet för att få åtkomst till Flex Layout.
Gå till Window > Flex Layout panel.
Välj en gång för att arbeta med mall-flex och dubbelklicka för att välja det underordnade objektet.
Använd verktyget Direktval för att välja underordnade objekt.

Lägg till i Flex Layout	Lägger till valda objekt i en Flex Layout.
Konvertera till flex-layout	Konverterar ett objekt (rektangelram, rektangelform eller grupp) till en Flex Layout.
Ta bort flex-layout	Tar bort Flex Layout från markeringen. Om Flex Layout hade flera objekt skapas en grupp. Om den hade ett objekt finns objektet kvar.
Expandera flex-kontroller	Öppnar panel Flex Layout (alternativ till panel Egenskaper).

Flex Layout introducerar ett CSS Flexbox-liknande behållarkoncept i InDesign.Det ger kraftfull layoutkontroll för underordnade objekt.Med Flex Layout blir design strukturerad, mer adaptiv och kräver mindre manuell justering.

Flex Layout-behållare

Du kan konfigurera egenskaper för Flex Layout direkt i Objektformat. Du kan skapa ett Objektformat som heter Vertikal behållare som innehåller inställningar för Flex Layout, och sedan tillämpa det på alla Flex Layout-behållare i din layout.

Exempel:

Använd panelen Objektformat för att tillämpa Flex Layout och ange egenskaper som riktning, justering och avstånd. När det har sparats kan du tillämpa denna stil på andra behållare för konsekvent layoutbeteende.

Underordnat Flex Layout-objekt

Samma Flex Layout-avsnitt i Objektformat kan också definiera egenskaper för underordnade Flex Layout-element och deras kapslade underordnade element, vilket gör att du kan standardisera beteenden, som fasta eller flexibla dimensioner, i hela layouten.

Direkt skapande av interaktiva element: Konvertera underordnade element inom en Flex Layout till interaktiva element utan att skapa dem separat och lägga till dem i Flex Layout.
Lås underordnade element: Lås ett eller flera underordnade element inom en Flex Layout för att förhindra att de dras direkt, ändras i storlek eller flyttas utanför ramen, medan positionsändringar fortfarande tillåts med piltangenterna.
Tangentbordsnavigering för underordnade element: Flytta låsta eller olåsta element med vänster eller höger piltangent i horisontella layouter eller upp- eller nedpiltangenterna i vertikala layouter.

Tips

Du kan använda Objektformat för att definiera flex-egenskaper inom låsta flex-ramar.

Flex Layout-panelen

För att få åtkomst till panelen går du till Fönster > Flex Layout. Panelen Flex Layout öppnas. Du kan nu skapa eller lägga till en Flex Layout eller anpassa en befintlig enligt dina krav. Om inget är markerat kan panelen också användas för att ändra standardinställningarna (gäller om autodetektering är AV). Gå till Inställningar > Allmänt > Inställningarna för autodetektering och användning av Flex Layout för att kontrollera inställningen för autodetektering.

Panelen Flex layout visar olika alternativ för att skapa en flexibel layout

A. Bredd på Flex-containern B. Höjd på Flex-containern C. Figursättning D. Riktning för objekt i flex-layout E. Vertikalt avstånd F. Horisontellt avstånd G. Utfyllnad H. Justering I. Justering av objekt i flex-layout

Bredd och höjd

Storleken på både Flex Layout-behållare och deras underordnade element kan kontrolleras oberoende.För en Flex Layout-behållare kan bredden och höjden vara:

Fast: Behållarens storlek förblir konstant, oavsett dess innehåll.
Auto: Behållarens storlek växer eller krymper baserat på storleken på dess underordnade element.

För ett Flex Layout-underordnat element (inklusive kapslade Flex Layout):

Fast: Det underordnade elementets storlek förblir konstant, oavsett dess eget innehåll.
Auto: Det underordnade elementets storlek anpassas för att passa dess eget innehåll eller underordnade element.
Fyll utrymme: Det underordnade elementet expanderar för att fylla återstående tillgängligt utrymme i dimensionen och delar utrymme med andra Fyll utrymme-element efter behov.

Figursättning

Aktiverar eller inaktiverar objektbrytning i behållaren.

Riktning

Välj hur objekt ska flöda inuti behållaren (rad, rad omvänd, kolumn, kolumn omvänd).

Mellanrum

Styr utfyllnad och mellanrum.

Utfyllnad: Definiera avstånd inuti behållaren på alla sidor (topp, botten, vänster, höger).
Horisontellt avstånd : Ange konsekvent avstånd mellan objekt horisontellt.
Vertikalt avstånd : Ange konsekvent avstånd mellan objekt vertikalt.

Justering

Styr fördelningen av objekt längs huvudaxeln.

	Justerar raden till början av Flex Layout och justerar objekten till början av raden.
	Justerar raden till mitten av Flex Layout och justerar objekten till mitten av raden.
	Justerar raden till slutet av Flex Layout och justerar objekten till slutet av raden.
	Justerar objekt i rader så att – Lika mycket utrymme på båda sidor om varje objekt. Kantobjekten har bara en sida exponerad; utrymmet vid kanterna är hälften av utrymmet mellan objekten.
	Justerar objekt i rader så att – Det första objektet ligger kant i kant med startgränsen och det sista objektet ligger kant i kant med slutgränsen. De återstående objekten endast är jämnt fördelade däremellan. Objekten fördelas jämnt längs huvudaxeln, med det första objektet vid början och det sista objektet vid slutet. Det inte finns något mellanrum vid de yttre kanterna.
	Justerar objekt i rader så att – Det är lika mycket utrymme överallt: mellan objekt och vid kanterna. Allt verkligen är jämnt.

Justering

Justerar objekt längs tvärgående axel: Överst, Mitten, Nederst, eller Vänster, Mitten, Höger.

	Övre vänstra: Justerar raderna till övre vänstra delen av Flex Layout-behållaren och justerar objekten i raden till övre vänstra delen av raden.
	Mitten till vänster: Justerar raderna till mitten till vänster i Flex Layout-behållaren och justerar objekten i raden till mitten till vänster i raden.
	Nedre vänster: Justerar raderna till det nedre vänstra hörnet av Flex Layout-behållaren och justerar objekten i raden till det nedre vänstra hörnet av raden.
	Överst centrerat: Justerar raderna till överst centrerat i Flex Layout-behållaren och justerar objekten i raden till överst centrerat i raden.
	Mitten: Justerar raderna till mitten av Flex Layout-behållaren och justerar objekten i raden till mitten av raden.
	Nedre mitten: Justerar raderna till den nedre mitten av Flex Layout-behållaren och justerar objekten i raden till den nedre mitten av raden.
	Överst till höger: Justerar raderna till överst till höger i Flex Layout-behållaren och justerar objekten i raden till överst till höger i raden.
	Mitten till höger: Justerar raderna till mitten till höger i Flex Layout-behållaren och justerar objekten i raden till mitten till höger i raden.
	Nederst till höger: Justerar raderna till nederst till höger i Flex Layout-behållaren och justerar objekten i raden till nederst till höger i raden.

Markeringsindikatorer i Flex Layout

InDesign använder visuella ledtrådar för att hjälpa dig förstå markeringstillstånd i Flex Layout:

Prickade konturer indikerar icke-aktiva layoutnivåer.
Heldragna konturer indikerar valbara ramar på samma nivå.
Direktmarkeringsverktyget låter dig välja kapslade ramar direkt utan upprepade klick.

Dessa indikatorer hjälper till att förtydliga hierarki och markeringsfokus när du arbetar med kapslade layouter.

Utfyllnads- och avståndskontroller på arbetsytan

Flex-layouter tillhandahåller interaktiva kontroller på arbetsytan för att justera utfyllnad och avstånd:

Länkad utfyllnad: Justera alla fyra utfyllnadsvärden tillsammans.
Olänkad utfyllnad: Justera varje sida oberoende.
Horisontellt och vertikalt avstånd: Ändra avstånd direkt mellan objekt, inklusive radbrytna rader eller kolumner.

Visuella indikatorer på arbetsytan återspeglar aktuella värden och uppdateras i realtid i Flex Layout-panelen.

Transformera och skjuva Flex Layout-ramar

Du kan nu rotera, spegla, skala eller skjuva en Flex Layout utan att störa dess beteende. Transformeringar gäller både överordnade och kapslade flex-ramar, och panelen Flex Layout förblir aktiv medan du transformerar objekt. Detta låter dig justera justering, avstånd, radbrytning och riktning medan du transformerar layouter, utan att bryta flex-strukturen.

Skapa tryckta och digitala material med InDesign
Designa effektfulla annonser, tidskrifter och boklayouter och annat.

Öppna appen

Öppna programmet

Nästa

Skapa teamsidor med Flex Layout

Läs mer

Lär dig med detaljerade videohandledningar och praktiska råd direkt i appen.

Användarforum

Delta i diskussioner, hitta svar, lär dig av experter och dela med dig av dina kunskaper.

Adobe-startsidan

Få tillgång till dina Creative Cloud-favoritprogram, tjänster, filhantering med mera.