flex-basis
Īpašums ir sub-īpašums Elastīga Box Izkārtojums moduli.
Tas norāda elastīgā elementa sākotnējo izmēru, pirms jebkura pieejamā vieta tiek sadalīta atbilstoši elastības faktoriem. Izlaižot no flex
stenogrāfijas, tā norādītā vērtība ir garums nulle.
Elastīgas bāzes vērtība, kas iestatīta, lai auto
izmērītu elementu atbilstoši tā lieluma rekvizītam (kas pats par sevi var būt atslēgvārds auto
, kas elementu izmēra, pamatojoties uz tā saturu).
Sintakse
flex-basis: .flex-item ( flex-basis: 100px; )
Lūdzu, ņemiet vērā, ka tāpat kā jebkuram platumam, arī negatīvie garumi nav derīgi.
Demonstrācija
Pārbaudiet šo pildspalvu!
Pārlūka atbalsts
- (mūsdienu) nozīmē neseno sintaksi no specifikācijas (piem.
display: flex;
) - (hibrīds) ir nepāra neoficiāla sintakse no 2011. gada (piem.
display: flexbox;
) - (vecs) nozīmē veco sintaksi no 2009. gada (piem.
display: box;
)
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
21+ (mūsdienu) 20 - (vecs) | 3.1+ (vecs) | 2–21 (vecs) 22+ (jauns) | 12,1+ (mūsdienu) | 10+ (hibrīds) | 2.1+ (vecs) | 3,2+ (vecs) |
Blackberry pārlūks 10+ atbalsta jauno sintaksi.
Lai iegūtu papildinformāciju par sintakses sajaukšanu, lai iegūtu vislabāko pārlūka atbalstu, lūdzu, skatiet šo rakstu (CSS-Tricks) vai šo rakstu (DevOpera).