Naročilo - CSS-triki

Anonim

orderLastnost je sub-lastnost modula Fleksibilna Box postavitve.

Elementi Flex so prikazani v enakem vrstnem redu, kot so privzeto prikazani v izvornem dokumentu. orderPremoženje se lahko uporabi za spremembo tega naročanje.

Sintaksa

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

Demo

Naslednja predstavitev prikazuje, kako je bil spremenjen privzeti vrstni red (1, 2, 3, 4, 5) z nastavitvijo lastnosti naročila za vsak element.

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