The flex-flowproperti adalah sub-properti dari modul Fleksibel Box Layout.
Ini adalah singkatan dari flex-directiondan flex-wrap.
Sintaksis
flex-flow: || .flex-container ( flex-flow: row wrap; )Anda dapat menentukan satu atau dua nilai, apa pun urutannya.
Demo
Kedua daftar tersebut berperilaku persis sama:
- Yang biru memiliki
flex-direction: rowdanflex-wrap: wrap - Yang merah punya
flex-flow: row wrap
Dukungan Browser
- (modern) berarti sintaks terbaru dari spesifikasi (misalnya
display: flex;) - (hybrid) berarti sintaks tidak resmi ganjil dari 2011 (misalnya
display: flexbox;) - (lama) berarti sintaks lama dari 2009 (misalnya
display: box;)
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (lama) | 3.1+ (lama) | 2-21 (lama) 22+ (baru) | 12.1+ (modern) | 10+ (hibrida) | 2.1+ (lama) | 3,2+ (lama) |
Browser Blackberry 10+ mendukung sintaks baru.
Untuk informasi lebih lanjut tentang cara mencampur sintaks untuk mendapatkan dukungan browser terbaik, silakan lihat artikel ini (Trik CSS) atau artikel ini (DevOpera).