Kiraan lajur - Trik CSS

Anonim

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 columnsdan dapat digunakan bersamaan dengan column-width. Apabila kedua-dua sifat dinyatakan column-countadalah bilangan lajur maksimum.

Nilai

column-countboleh autoatau bilangan bulat.

Gunakan autojika anda juga menggunakan column-width. Anggaplah ia sebagai cara memberitahu penyemak imbas, untuk column-widthmemimpin.

Bilangan bulat, juga dikenali sebagai bilangan lajur, mesti lebih besar daripada atau sama dengan 0.

Tidak seperti column-widthharta 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-countberfungsi 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.