Tellimus - CSS-trikid

Anonim

orderVara on sub-vara Paindlik Box paigutus moodul.

Flexi üksused kuvatakse samas järjekorras, nagu need ilmuvad algdokumendis vaikimisi. orderVara saab seda muuta tellimist.

Süntaks

order: .flex-item ( order: 2; )

Demo

Järgmine demo näitab, kuidas vaikimisi järjestust (1, 2, 3, 4, 5) on muudetud, määrates tellimuse atribuudi igale üksusele.

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).