Ред - ЦСС-трикови

Anonim

orderИмовина је под-својство Флексибилна кутија Лаиоут модула.

Флек ставке се приказују у истом редоследу као што се подразумевано појављују у изворном документу. orderИмовина се може користити да промени ову наручивања.

Синтакса

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

Демо

Следећа демонстрација показује како је промењен подразумевани редослед (1, 2, 3, 4, 5) подешавањем својства налога за сваку ставку.

Погледајте ову оловку!

Подршка прегледача

  • (модерно) значи недавну синтаксу из спецификације (нпр. display: flex;)
  • (хибрид) значи чудну незваничну синтаксу из 2011. године (нпр. display: flexbox;)
  • (стара) значи стара синтакса из 2009. године (нпр. display: box;)
Хром Сафари Фирефок Опера ИЕ Андроид иОС
21+ (модерно)
20- (старо)
3,1+ (старо) 2-21 (стари)
22+ (нови)
12,1+ (модерно) 10+ (хибридно) 2,1+ (старо) 3,2+ (стара)

Прегледач Блацкберри 10+ подржава нову синтаксу.

За више информација о томе како мешати синтаксе како бисте добили најбољу подршку за прегледач, погледајте овај чланак (ЦСС-трикови) или овај чланак (ДевОпера).