Megrendelés - CSS-trükkök

Anonim

Az orderingatlan a Flexible Box Layout modul egyik al-tulajdonsága.

A Flex elemek ugyanabban a sorrendben jelennek meg, mint amelyek alapértelmezés szerint megjelennek a forrás dokumentumban. A ordertulajdonság felhasználható a megrendelés megváltoztatására.

Szintaxis

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

Demó

A következő bemutató bemutatja, hogyan módosult az alapértelmezett sorrend (1, 2, 3, 4, 5) azáltal, hogy az egyes tételek sorrendjébe beállította a rendelés tulajdonságát.

Nézze meg ezt a tollat!

Böngésző támogatás

  • (modern): a specifikáció legújabb szintaxisa (pl. display: flex;)
  • (hibrid) furcsa, nem hivatalos szintaxist jelent 2011-től (pl. display: flexbox;)
  • (régi) a 2009-es régi szintaxist jelenti (pl. display: box;)
Króm Szafari Firefox Opera AZAZ Android iOS
21+ (modern)
20 - (régi)
3.1+ (régi) 2–21 (régi)
22+ (új)
12,1+ (modern) 10+ (hibrid) 2.1+ (régi) 3,2+ (régi)

A Blackberry 10+ böngésző támogatja az új szintaxist.

A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).