1. Casa
  2. CSS proprietà di flex-flow

Il miglior tutorial CSS proprietà di flex-flow Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,Definizione e utilizzo,CSS Sintassi,Proprietà Valore,articoli correlati,

CSS proprietà di flex-flow

CSS di riferimento CSS di riferimento


Esempi

Così che la cartuccia elemento elastico in ordine inverso, e le linee sono stati divisi quando necessario:

display:flex;
flex-flow:row-reverse wrap;

Prova »

Supporto per il browser

I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.

Subito dopo la -webkit- digitale, -MS- o -moz- dopo la prima versione a supportare la proprietà prefisso.

proprietà
flex-flow 29,0
21,0 -webkit- 		11.0
10.0 -MS- 		28.0
18,0 -moz- 		9.0
6.1 -webkit- 		17,0

Definizione e utilizzo

proprietà di flex-flusso sono di proprietà flex-direzione e la flex-Wrap proprietà compositi.

Sotto-elemento disposizione proprietà flex-flusso viene utilizzato per impostare o recuperare i flessibili oggetti del modello sacchetto.

attributo flex-direzione specifica la direzione del progetto flessibile.

attributo flex-wrap specifica progetto flessibile è diviso riga o colonna scissione.

Nota: Se l'elementonon è resiliente oggetto casella elemento, la proprietà flex-flusso non funziona.

predefinito: fila nowrap
ereditarietà: no
Può essere animata: NO. Fare riferimento all'animazione (animatable) .
versione: CSS3
sintassi JavaScript: object .style.flexFlow = "colonna nowrap"provare

CSS Sintassi

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

Proprietà Valore

值 描述
flex-direction 可能的值：

row
row-reverse
column
column-reverse
initial
inherit

默认值是 "row"。

规定灵活项目的方向。
flex-wrap 可能的值：

nowrap
wrap
wrap-reverse
initial
inherit

默认值是 "nowrap"。

规定灵活项目是否拆行或拆列。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

articoli correlati

CSS Riferimento: Proprietà Flex

CSS Manuale di riferimento: proprietà Flex-Basis

CSS Manuale di riferimento: proprietà Flex-direzione

CSS Manuale di riferimento: Flex-Grow proprietà

CSS Manuale di riferimento: Flex-Shrink proprietà

CSS Manuale di riferimento: proprietà Flex-wrap


CSS di riferimento CSS di riferimento

Tutorial caldi

Contattaci

CSS proprietà di flex-flow
10/30