Esempio
Rendere la visualizzazione elementi flessibili in colonne, e non avvolgimento:
document.getElementById("main").style.flexFlow = "column nowrap"; Prova tu stesso " Definizione e l'utilizzo
La proprietà FlexFlow è una proprietà scorciatoia per la flexDirection e le proprietà flexWrap.
La proprietà flexDirection specifica la direzione degli elementi flessibili.
La proprietà flexWrap specifica se gli elementi flessibili devono avvolgere o meno.
Note: Se gli elementi non sono elementi flessibili, la proprietà FlexFlow non ha alcun effetto.
Supporto browser
La proprietà FlexFlow è supportata in IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlexFlow.
Sintassi
Restituire la proprietà FlexFlow:
object .style.flexFlow Impostare la proprietà FlexFlow:
object .style.flexFlow=" I valori delle proprietà Valore Descrizione flex-direction Valori possibili:
riga
fila-reverse
colonna
Colonna-reverse
iniziale
ereditare Il valore di default è "row" .
Specificando la direzione degli elementi flessibili
flex-wrap Valori possibili:
nowrap
avvolgere
wrap-inversa
iniziale
ereditare Il valore di default è "nowrap" .
Specificando se gli elementi flessibili devono avvolgere o no
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: fila nowrap Valore di ritorno: A String, che rappresenta la proprietà flex-flow di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: flex-flow property
HTML DOM stile di riferimento: flex property
HTML DOM stile di riferimento: flexBasis property
HTML DOM stile di riferimento: flexDirection property
HTML DOM stile di riferimento: flexGrow property
HTML DOM stile di riferimento: flexShrink property
HTML DOM stile di riferimento: flexWrap property
<Stile di oggetto