Proprietà flex-wrap CSS

Definizione e uso

L'attributo flex-wrap stabilisce se gli oggetti flessibili devono ripiegarsi di lato.

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

Vedi anche:

Corso CSS: Casella di lavoro elastica CSS

Manuale CSS:Proprietà flex

Manuale CSS:Proprietà flex-basis

Manuale CSS:Proprietà flex-direction

Manuale CSS:Proprietà flex-flow

Manuale CSS:Proprietà flex-grow

Manuale CSS:Proprietà flex-shrink

Manuale HTML DOM:Proprietà flexWrap

Esempio

Rendi gli oggetti flessibili ripiegabili di lato quando necessario:

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

Prova personalmente

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
nowrap Valore predefinito. Stabilisce che gli oggetti flessibili non si ripiano di lato.
wrap Stabilisce che gli oggetti flessibili si ripiano di lato quando necessario.
wrap-reverse Stabilisce che gli oggetti flessibili si ripiano di lato quando necessario, in senso inverso.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: nowrap
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.flexWrap="nowrap"

Supporto del browser

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

I numeri con -webkit- o -moz- come prefisso rappresentano la prima versione che utilizza il prefisso.

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