Properti flex-basisini adalah sub-hak milik modul Flexible Box Layout.
Ini menentukan ukuran awal item flex, sebelum ruang yang tersedia diedarkan mengikut faktor flex. Apabila dihilangkan dari flexsingkatan, nilai yang ditentukan adalah panjang sifar.
Nilai asas lentur ditetapkan untuk autoukuran elemen mengikut sifat ukurannya (yang boleh menjadi kata kunci auto, yang mengukur elemen berdasarkan kandungannya).
Sintaks
flex-basis: .flex-item ( flex-basis: 100px; )Harap maklum bahawa untuk lebar apa pun, panjang negatif tidak sah.
Demo
Sokongan Penyemak Imbas
- (moden) bermaksud sintaks terbaru dari spesifikasi (contohnya
display: flex;) - (hibrid) bermaksud sintaksis tidak rasmi yang ganjil dari 2011 (mis.
display: flexbox;) - (lama) bermaksud sintaks lama dari 2009 (mis.
display: box;)
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moden) 20- (lama) | 3.1+ (lama) | 2-21 (lama) 22+ (baru) | 12.1+ (moden) | 10+ (kacukan) | 2.1+ (lama) | 3.2+ (lama) |
Penyemak imbas Blackberry 10+ menyokong sintaks baru.
Untuk maklumat lebih lanjut mengenai cara mencampurkan sintaks untuk mendapatkan sokongan penyemak imbas terbaik, sila rujuk artikel ini (Trik CSS) atau artikel ini (DevOpera).