Sekiranya anda memerlukan jumlah lajur yang tepat semasa merancang susun atur berbilang lajur, gunakan column-count
.
.lead ( column-count: 3; )
Memandangkan jumlah lajur, penyemak imbas akan mengedarkan kandungan secara sama rata dalam jumlah lajur itu.
Properti ini juga dapat digunakan di singkatan untuk columns
dan dapat digunakan bersamaan dengan column-width
. Apabila kedua-dua sifat dinyatakan column-count
adalah bilangan lajur maksimum.
Nilai
column-count
boleh auto
atau bilangan bulat.
Gunakan auto
jika anda juga menggunakan column-width
. Anggaplah ia sebagai cara memberitahu penyemak imbas, untuk column-width
memimpin.
Bilangan bulat, juga dikenali sebagai bilangan lajur, mesti lebih besar daripada atau sama dengan 0.
Tidak seperti column-width
harta tanah ini, jumlah lajur tidak akan terlepas dari lebar penyemak imbasnya. Ini bermaksud bahawa jika anda meletakkan susun atur 5 lajur di telefon bimbit anda, anda akan mempunyai susun atur 5 lajur yang sangat licin untuk dinavigasi. column-count
berfungsi dengan baik bersama column-width
.
Sokongan Penyemak Imbas
Sokongan susun atur berbilang lajur:
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Sebarang | 3+ | 1.5+ | 11.1+ | 10+ | 81 | 3.2+ |
Jangan lupa awalan anda jika anda tidak menggunakan alat yang sudah menolongnya.