English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS flex-flow è utilizzato per impostare contemporaneamenteflex-directioneflex-wrapAbbreviazioni delle proprietà di vari attributi.
La tabella seguente fornisce la descrizione dell'uso di questa proprietà, la cronologia delle versioni e la sintassi di utilizzo di questa proprietà nel linguaggio JavaScript.
| Valore predefinito: | row nowrap; Visualizza tutti gli attributi |
|---|---|
| Applicabile a: | Contenitore elastico |
| Ereditarietà: | Nessuno |
| Animabile: | No.Vedere anche Proprietà animazione. |
| Versione: | Nuova funzionalità del CSS3 |
| Sintassi JavaScript: | oggetto.style.flexFlow="column nowrap" |
La sintassi di questa proprietà è la seguente:
flex-flow: [ flex-direction flex-wrap ] | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà flex-flow.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-flex-flow: row-reverse wrap;
display: flex;
flex-flow: row-reverse wrap;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| flex-direction | Specifica il modo in cui il progetto elastico viene posizionato nel contenitore elastico. |
| flex-wrap | Specifica se il progetto flessibile viene diviso in righe o colonne. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà flex-flow del suo elemento padre. |
Compatibilità dei browser per la proprietà flex-flow, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:Layout a più colonne del CSS3.
Proprietà correlate:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.