Upogibni tok - CSS-triki

Anonim

flex-flowLastnost je sub-lastnost modula Fleksibilna Box postavitve.

To je okrajšava za flex-directionin flex-wrap.

Sintaksa

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

Določite lahko eno ali dve vrednosti, ne glede na vrstni red.

Demo

Oba seznama se obnašata popolnoma enako:

  • Modri ​​ima flex-direction: rowinflex-wrap: wrap
  • Rdeči ima flex-flow: row wrap
Oglejte si to pisalo!

Podpora za brskalnik

  • (moderno) pomeni nedavno sintakso iz specifikacije (npr. display: flex;)
  • (hibrid) pomeni nenavadno neuradno skladnjo iz leta 2011 (npr. display: flexbox;)
  • (staro) pomeni staro skladnjo iz leta 2009 (npr. display: box;)
Chrome Safari Firefox Opera IE Android iOS
21+ (moderno)
20- (staro)		 3,1+ (staro) 2–21 (stari)
22+ (novi)		 12,1+ (moderno) 10+ (hibrid) 2,1+ (staro) 3,2+ (staro)

Brskalnik Blackberry 10+ podpira novo sintakso.

Za več informacij o tem, kako mešati sintakse, da dobite najboljšo podporo za brskalnik, si oglejte ta članek (CSS-triki) ali ta članek (DevOpera).