CSS flex-wrap egenskap

definition och användning

flex-wrap-egenskapen specificerar om de elastiska objekten ska brytas ner till nästa rad eller inte.

kommentar:Om elementet inte är ett elastiskt objekt är flex-egenskapen ogiltig.

se också:

CSS-tutorial: CSS-elastisk ram

CSS-handboken:flex-egenskapen

CSS-handboken:flex-basis-egenskapen

CSS-handboken:flex-direction-egenskapen

CSS-handboken:flex-flow-egenskapen

CSS-handboken:flex-grow-egenskapen

CSS-handboken:flex-shrink-egenskapen

HTML DOM-handboken:flexWrap-egenskapen

exempel

låt de elastiska objekten brytas ner till nästa rad vid behov:

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

prova själv

CSS-syntax

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

egenskapsvärde

värde beskrivning
nowrap standardvärde. Specificerar att de elastiska objekten inte ska brytas ner till nästa rad.
wrap specificerar att de elastiska objekten ska brytas ner till nästa rad vid behov.
wrap-reverse specificerar att de elastiska objekten ska brytas ner till nästa rad vid behov, i motsatt riktning.
initial sätt denna egenskap till dess standardvärde. Se vidare initial.
inherit arver denna egenskap från föräldrelementet. Se vidare inherit.

tekniska detaljer

standardvärde: nowrap
arv: nej
animation production: inte stödd. Se vidare:animation-related properties.
version: CSS3
JavaScript-syntax: object.style.flexWrap="nowrap"

webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen med prefix.

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