CSS flex-wrap egenskab

Definition og brug

flex-wrap egenskab definerer, om fleksible elementer skal omstille sig.

Kommentar:Hvis elementet ikke er et fleksibelt element, er flex egenskaben ugyldig.

Se også:

CSS tutorial: CSS fleksible rammer

CSS referencehåndbog:flex egenskab

CSS referencehåndbog:flex-basis egenskab

CSS referencehåndbog:flex-direction egenskab

CSS referencehåndbog:flex-flow egenskab

CSS referencehåndbog:flex-grow egenskab

CSS referencehåndbog:flex-shrink egenskab

HTML DOM referencehåndbog:flexWrap egenskab

Eksempel

Lad fleksible elementer omstille sig, når det er nødvendigt:

div {
  display: flex;   
  flex-wrap: wrap;
}

Prøv det selv

CSS syntaks

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
nowrap Standardværdi. Definerer, at fleksible elementer ikke skal omstille sig.
wrap Definerer, at fleksible elementer skal omstille sig, når det er nødvendigt.
wrap-reverse Definerer, at fleksible elementer skal omstille sig, når det er nødvendigt, i modsat retning.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arv denne egenskab fra forældreelementet. Se: inherit.

Tekniske detaljer

Standardværdi: nowrap
Arv: Nej
Animation production: Ikke understøttet. Se:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.flexWrap="nowrap"

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- som præfiks indikerer den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0