Apabila anda ingin mengekalkan lajur anda pada lebar tertentu, gunakan column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Penyemak imbas akan mengira berapa lajur sekurang-kurangnya selebar itu yang boleh memuatkan ruang. Fikirkan column-widthsebagai cadangan lebar minimum untuk penyemak imbas.
column-widthadalah harta yang fleksibel. Setelah penyemak imbas tidak dapat memuat sekurang-kurangnya 2 lajur pada lebar yang ditentukan anda maka lajur akan berhenti dan jatuh ke satu lajur.
Properti ini juga digunakan di singkatan untuk columnsdan dapat digunakan bersamaan column-count. Apabila kedua-dua sifat dinyatakan column-countadalah bilangan lajur maksimum.
Nilai
Anda boleh menetapkan column-widthke autoatau panjang.
Gunakan autojika anda juga menggunakan column-countatau jika anda perlu mematikan harta tanah. Anggaplah ia sebagai cara memberitahu penyemak imbas untuk column-countmemimpin.
Untuk menentukan lebar lajur, gunakan panjang lebih besar daripada (atau sama dengan) 0. Anda boleh menggunakan mana-mana unit CSS kecuali peratusan.
Sokongan Penyemak Imbas
Sokongan susun atur berbilang lajur:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Sebarang | 3+ | 1.5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Jangan lupa awalan anda!