Painduv vool - CSS-trikid

Anonim

flex-flowVara on sub-vara Paindlik Box paigutus moodul.

See on flex-directionja flex-wrap.

Süntaks

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

Saate määrata ühe või kaks väärtust, olenemata järjekorrast.

Demo

Mõlemad loendid käituvad täpselt samamoodi:

  • Sinisel on flex-direction: rowjaflex-wrap: wrap
  • Punasel on flex-flow: row wrap
Vaadake seda pliiatsit!

Brauseri tugi

  • (kaasaegne) tähendab spetsifikatsiooni hiljutist süntaksit (nt display: flex;)
  • (hübriid) - paaritu mitteametlik süntaks aastast 2011 (nt display: flexbox;)
  • (vana) tähendab vana süntaksit aastast 2009 (nt display: box;)
Chrome Safari Firefox Ooper IE Android iOS
21+ (kaasaegne)
20 - (vana)		 3.1+ (vana) 2–21 (vana)
22+ (uus)		 12,1+ (kaasaegne) 10+ (hübriid) 2.1+ (vana) 3,2+ (vana)

Blackberry brauser 10+ toetab uut süntaksit.

Lisateavet süntaksi segamise kohta, et saada parim brauseritugi, leiate sellest artiklist (CSS-trikid) või sellest artiklist (DevOpera).