В orderимота е под-собственост на модула гъвкави полета Разпределение на.
Елементите на Flex се показват в същия ред, както се показват в изходния документ по подразбиране. В orderимота може да се използва за промяна на тази поръчка.
Синтаксис
order: .flex-item ( order: 2; )Демонстрация
Следващата демонстрация показва как поръчката по подразбиране (1, 2, 3, 4, 5) е променена чрез задаване на свойството на поръчката за всеки елемент.
Поддръжка на браузър
- (модерно) означава скорошния синтаксис от спецификацията (напр.
display: flex;) - (хибрид) означава странен неофициален синтаксис от 2011 г. (напр.
display: flexbox;) - (стар) означава стария синтаксис от 2009 г. (напр.
display: box;)
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (модерен) 20- (стар) | 3.1+ (стари) | 2-21 (стар) 22+ (нов) | 12.1+ (модерен) | 10+ (хибридни) | 2.1+ (стари) | 3.2+ (стари) |
Браузърът Blackberry 10+ поддържа новия синтаксис.
За повече информация как да смесвате синтаксиси, за да получите най-добрата поддръжка на браузъра, моля, вижте тази статия (CSS-трикове) или тази статия (DevOpera).