Fleks-protok - CSS-trikovi

Anonim

flex-flowNekretnina je pod-vlasništvo Fleksibilna Box Izgled modula.

To je stenografija za flex-directioni flex-wrap.

Sintaksa

flex-flow: || .flex-container ( flex-flow: row wrap; )

Možete odrediti jednu ili dvije vrijednosti, bez obzira na redoslijed.

Demo

Oba se popisa ponašaju na potpuno isti način:

  • Plavi ima flex-direction: rowiflex-wrap: wrap
  • Crveni ima flex-flow: row wrap
Pogledajte ovu olovku!

Podrška preglednika

  • (moderno) znači nedavnu sintaksu iz specifikacije (npr. display: flex;)
  • (hibrid) znači neobičnu neslužbenu sintaksu iz 2011. (npr. display: flexbox;)
  • (stara) znači stara sintaksa iz 2009. (npr. display: box;)
Krom Safari Firefox Opera IE Android iOS
21+ (moderno)
20- (staro)		 3,1+ (staro) 2-21 (stari)
22+ (novi)		 12,1+ (moderno) 10+ (hibridno) 2,1+ (staro) 3,2+ (staro)

Preglednik Blackberry 10+ podržava novu sintaksu.

Za više informacija o tome kako miješati sintakse kako biste dobili najbolju podršku za preglednik, pogledajte ovaj članak (CSS-trikovi) ili ovaj članak (DevOpera).