Pesanan - Trik CSS

Anonim

Properti orderini adalah sub-hak milik modul Flexible Box Layout.

Item lentur dipaparkan dalam urutan yang sama seperti yang terdapat dalam dokumen sumber secara lalai. Tempat orderpenginapan ini boleh digunakan untuk mengubah pesanan ini.

Sintaks

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

Demo

Demo berikut menunjukkan bagaimana pesanan lalai (1, 2, 3, 4, 5) telah diubah dengan menetapkan properti pesanan ke setiap item.

Lihat Pen ini!

Sokongan Penyemak Imbas

  • (moden) bermaksud sintaks terbaru dari spesifikasi (contohnya display: flex;)
  • (hibrid) bermaksud sintaksis tidak rasmi yang ganjil dari 2011 (mis. display: flexbox;)
  • (lama) bermaksud sintaks lama dari 2009 (mis. display: box;)
Chrome Safari Firefox Opera IE Android iOS
21+ (moden)
20- (lama)
3.1+ (lama) 2-21 (lama)
22+ (baru)
12.1+ (moden) 10+ (kacukan) 2.1+ (lama) 3.2+ (lama)

Penyemak imbas Blackberry 10+ menyokong sintaks baru.

Untuk maklumat lebih lanjut mengenai cara mencampurkan sintaks untuk mendapatkan sokongan penyemak imbas terbaik, sila rujuk artikel ini (Trik CSS) atau artikel ini (DevOpera).