Die orderEigenschaft ist eine Untereigenschaft des Moduls Flexible Box Layout.
Flex-Elemente werden standardmäßig in derselben Reihenfolge angezeigt, in der sie im Quelldokument angezeigt werden. Die orderEigenschaft kann verwendet werden, um diese Reihenfolge zu ändern.
Syntax
order: .flex-item ( order: 2; )Demo
Die folgende Demo zeigt, wie die Standardreihenfolge (1, 2, 3, 4, 5) geändert wurde, indem die Bestellungseigenschaft für jeden Artikel festgelegt wurde.
Browser-Unterstützung
- ( h ) bedeutet , die kürzlich von der Syntax - Spezifikation (z
display: flex;) - (hybrid) bedeutet eine ungerade nicht offizielle Syntax ab 2011 (z
display: flexbox;) - (alt) bedeutet die alte Syntax von 2009 (zB
display: box;)
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (alt) | 3.1+ (alt) | 2-21 (alt) 22+ (neu) | 12.1+ (modern) | 10+ (Hybrid) | 2.1+ (alt) | 3,2+ (alt) |
Blackberry Browser 10+ unterstützt die neue Syntax.
Weitere Informationen zum Mischen von Syntaxen, um die beste Browserunterstützung zu erhalten, finden Sie in diesem Artikel (CSS-Tricks) oder in diesem Artikel (DevOpera).