Proprietà flex-flow CSS

Definizione e uso

L'attributo flex-flow è un'abbreviazione delle seguenti proprietà:

Nota:Se l'elemento non è un oggetto elastico, l'attributo flex non è valido.

Visualizza gli oggetti elastici in senso inverso e, se necessario, riporta a capo:

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

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

Valore	Descrizione
flex-direction	Valori possibili: row row-reverse column column-reverse initial inherit Il valore predefinito è "row". Determina la direzione dell'oggetto elastico.
flex-wrap	Valori possibili: nowrap wrap wrap-reverse initial inherit Il valore predefinito è "nowrap". Determina se l'oggetto elastico dovrebbe essere riportato a capo.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Eredita questo attributo dal suo elemento padre. Vedi inherit.

Valore predefinito:	row nowrap
Ereditarietà:	No
Produzione di animazione:	Non supportato. Vedi:Proprietà correlate all'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.flexFlow="column nowrap"

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Seguire -webkit-、-ms- o -moz- per utilizzare la versione iniziale del prefisso numerico specificato.

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