Den orderegenskapen är en sub-egenskap hos den flexibla Box Layout modul.
Flex-objekt visas i samma ordning som de visas i källedokumentet som standard. Den orderegenskapen kan användas för att ändra denna beställning.
Syntax
order: .flex-item ( order: 2; )Demo
Följande demo visar hur standardordern (1, 2, 3, 4, 5) har ändrats genom att ställa in orderegenskapen för varje artikel.
Webbläsarstöd
- (modern) betyder den senaste syntaxen från specifikationen (t.ex.
display: flex;) - (hybrid) betyder en udda inofficiell syntax från 2011 (t.ex.
display: flexbox;) - (gammal) betyder den gamla syntaxen från 2009 (t.ex.
display: box;)
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (gammal) | 3.1+ (gammal) | 2-21 (gammal) 22+ (ny) | 12.1+ (modern) | 10+ (hybrid) | 2.1+ (gammal) | 3.2+ (gammal) |
Blackberry webbläsare 10+ stöder den nya syntaxen.
För mer information om hur man blandar syntaxer för att få bästa webbläsarstöd, se den här artikeln (CSS-Tricks) eller den här artikeln (DevOpera).