Η flex-flowιδιότητα είναι δευτερεύουσα ιδιοκτησία της μονάδας Flexible Box Layout.
Είναι συντομογραφία για flex-directionκαι flex-wrap.
Σύνταξη
flex-flow: || .flex-container ( flex-flow: row wrap; )Μπορείτε να καθορίσετε μία ή δύο τιμές, ανεξάρτητα από τη σειρά.
Διαδήλωση
Και οι δύο λίστες συμπεριφέρονται με τον ίδιο ακριβώς τρόπο:
- Το μπλε έχει
flex-direction: rowκαιflex-wrap: wrap - Το κόκκινο έχει
flex-flow: row wrap
Υποστήριξη προγράμματος περιήγησης
- (σύγχρονο) σημαίνει την πρόσφατη σύνταξη από την προδιαγραφή (π.χ.
display: flex;) - (υβριδικό) σημαίνει μια περίεργη ανεπίσημη σύνταξη από το 2011 (π.χ.
display: flexbox;) - (παλιά) σημαίνει την παλιά σύνταξη από το 2009 (π.χ.
display: box;)
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (μοντέρνα) 20- (παλιά) | 3.1+ (παλιά) | 2-21 (παλιά) 22+ (νέα) | 12.1+ (μοντέρνο) | 10+ (υβριδικό) | 2.1+ (παλιά) | 3.2+ (παλιά) |
Το πρόγραμμα περιήγησης Blackberry 10+ υποστηρίζει τη νέα σύνταξη.
Για περισσότερες πληροφορίες σχετικά με το πώς να συνδυάσετε σύνταξη προκειμένου να λάβετε την καλύτερη υποστήριξη προγράμματος περιήγησης, ανατρέξτε σε αυτό το άρθρο (CSS-Tricks) ή σε αυτό το άρθρο (DevOpera).