CSS flex-flow egenskap

Definition och användning

flex-flow egenskapen är en förkortning av följande egenskaper:

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

CSS referenshandbok:flex egenskap

CSS referenshandbok:flex-basis egenskap

CSS referenshandbok:flex-grow egenskap

CSS referenshandbok:flex-wrap egenskap

HTML DOM referenshandbok:flexFlow egenskap

Visa elastiska objekt i motsatt riktning och byt rad vid behov:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

flex-flow: flex-direction flex-wrap|initial|inherit;

Värde	Beskrivning
flex-direction	Möjliga värden: row row-reverse column column-reverse initial inherit Standardvärdet är "row". Bestämmer riktningen för elastiska objekt.
flex-wrap	Möjliga värden: nowrap wrap wrap-reverse initial inherit Standardvärdet är "nowrap". Bestämmer om elastiska objekt bör brytas i rad.
initial	Sätt denna egenskap till dess standardvärde. Se vidare initial.
inherit	Följ från föräldrelementet för att arbeta med denna egenskap. Se vidare inherit.

Standardvärde:	row nowrap
Arv:	Nej
Animation production:	Stöds inte. Se vidare:Animation relaterade egenskaper.
Version:	CSS3
JavaScript syntax:	object.style.flexFlow="column nowrap"

Siffrorna i tabellen anger den första webbläsarversion som helt stöder egenskapen.

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