Properti flex-flowini adalah sub-hak milik modul Flexible Box Layout.
Ini adalah singkatan untuk flex-directiondan flex-wrap.
Sintaks
flex-flow: || .flex-container ( flex-flow: row wrap; )Anda boleh menentukan satu atau dua nilai, tidak kira urutannya.
Demo
Kedua-dua senarai berkelakuan dengan cara yang sama:
- Yang biru mempunyai
flex-direction: rowdanflex-wrap: wrap - Yang merah mempunyai
flex-flow: row wrap
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).