Η flex-basisιδιότητα είναι δευτερεύουσα ιδιοκτησία της μονάδας Flexible Box Layout.
Καθορίζει το αρχικό μέγεθος του στοιχείου flex, προτού διανεμηθεί οποιοσδήποτε διαθέσιμος χώρος σύμφωνα με τους παράγοντες flex. Όταν παραλείπεται από το flexστενό, η καθορισμένη τιμή του είναι το μήκος μηδέν.
Μια τιμή ευέλικτης βάσης ορίζεται σε autoμεγέθη του στοιχείου σύμφωνα με την ιδιότητα μεγέθους του (η οποία μπορεί η ίδια να είναι η λέξη-κλειδί auto, η οποία διαμορφώνει το στοιχείο βάσει του περιεχομένου του).
Σύνταξη
flex-basis: .flex-item ( flex-basis: 100px; )Λάβετε υπόψη ότι για οποιοδήποτε πλάτος, τα αρνητικά μήκη δεν είναι έγκυρα.
Διαδήλωση
Υποστήριξη προγράμματος περιήγησης
- (σύγχρονο) σημαίνει την πρόσφατη σύνταξη από την προδιαγραφή (π.χ.
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).