Properti order
ini adalah sub-hak milik modul Flexible Box Layout.
Item lentur dipaparkan dalam urutan yang sama seperti yang terdapat dalam dokumen sumber secara lalai. Tempat order
penginapan 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).