flex-basisVara on sub-vara Paindlik Box paigutus moodul.
See määrab paindliku elemendi esialgse suuruse, enne kui vaba ruumi jaotatakse vastavalt paindeteguritele. Kui flexstenogrammist välja jätta, on selle määratud väärtus pikkus null.
Paindlik baasväärtus, mis määrab autoelemendi suuruse atribuudi järgi (mis võib ise olla märksõna auto, mis suurendab elementi selle sisu põhjal).
Süntaks
flex-basis: .flex-item ( flex-basis: 100px; )Pange tähele, et nagu mis tahes laiuse puhul, on ka negatiivsed pikkused valed.
Demo
Brauseri tugi
- (kaasaegne) tähendab spetsifikatsiooni hiljutist süntaksit (nt
display: flex;) - (hübriid) - paaritu mitteametlik süntaks aastast 2011 (nt
display: flexbox;) - (vana) tähendab vana süntaksit aastast 2009 (nt
display: box;)
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (kaasaegne) 20 - (vana) | 3.1+ (vana) | 2–21 (vana) 22+ (uus) | 12,1+ (kaasaegne) | 10+ (hübriid) | 2.1+ (vana) | 3,2+ (vana) |
Blackberry brauser 10+ toetab uut süntaksit.
Lisateavet süntaksi segamise kohta, et saada parim brauseritugi, leiate sellest artiklist (CSS-trikid) või sellest artiklist (DevOpera).