Elastīga bāze - CSS-triki

Anonim

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 flexstenogrāfijas, tā norādītā vērtība ir garums nulle.

Elastīgas bāzes vērtība, kas iestatīta, lai autoizmē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).