Pasūtījums - CSS-triki

Anonim

orderĪpašums ir sub-īpašums Elastīga Box Izkārtojums moduli.

Elastīgie vienumi tiek parādīti tādā pašā secībā, kādā tie pēc noklusējuma parādās avota dokumentā. orderĪpašumu var izmantot, lai mainītu šo secību.

Sintakse

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

Demonstrācija

Šajā demonstrācijā parādīts, kā mainīta noklusējuma secība (1, 2, 3, 4, 5), katram vienumam iestatot pasūtījuma rekvizītu.

Pārbaudiet šo pildspalvu!

Pārlūka atbalsts

  • (mūsdienu) nozīmē neseno sintaksi no specifikācijas (piem. display: flex;)
  • (hibrīds) ir nepāra neoficiāla sintakse no 2011. gada (piem. display: flexbox;)
  • (vecs) nozīmē veco sintaksi no 2009. gada (piem. display: box;)
Chrome Safari Firefox Opera IE Android iOS
21+ (mūsdienu)
20 - (vecs)
3.1+ (vecs) 2–21 (vecs)
22+ (jauns)
12,1+ (mūsdienu) 10+ (hibrīds) 2.1+ (vecs) 3,2+ (vecs)

Blackberry pārlūks 10+ atbalsta jauno sintaksi.

Lai iegūtu papildinformāciju par sintakses sajaukšanu, lai iegūtu vislabāko pārlūka atbalstu, lūdzu, skatiet šo rakstu (CSS-Tricks) vai šo rakstu (DevOpera).