Narudžba - CSS-trikovi

Anonim

orderNekretnina je pod-vlasništvo Fleksibilna Box Izgled modula.

Flex stavke prikazuju se istim redoslijedom kao što se prema zadanim postavkama pojavljuju u izvornom dokumentu. orderSvojstvo se može koristiti za promjenu ovaj naručivanja.

Sintaksa

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

Demo

Sljedeća demonstracija pokazuje kako je promijenjena zadana narudžba (1, 2, 3, 4, 5) postavljanjem svojstva narudžbe za svaku stavku.

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