Če želite, da stolpci ostanejo na določeni širini, uporabite column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Brskalnik bo izračunal, koliko stolpcev vsaj te širine lahko prilega prostoru. Predstavljajte column-widthsi predlog za najmanjšo širino brskalnika.
column-widthje prilagodljiva lastnost. Ko brskalnik ne more umestiti vsaj 2 stolpcev na vašo določeno širino, se stolpci ustavijo in spustijo v en stolpec.
Ta lastnost se uporablja tudi v okrajšavi za columnsin se lahko uporablja skupaj z column-count. Ko sta prijavljeni obe lastnosti, column-countje največje število stolpcev.
Vrednote
Lahko nastavite column-widthna autoali dolžino.
Uporabite, autoče uporabljate tudi column-countlastništvo ali če ga želite izklopiti. Pomislite na to kot na način, kako brskalniku naročite, naj column-countprevzame vodilno vlogo.
Če želite določiti širino stolpcev, uporabite dolžino, večjo od (ali enako) 0. Uporabite lahko katero koli enoto CSS, razen odstotkov.
Podpora za brskalnik
Podpora za postavitev več stolpcev:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | 3+ | 1,5+ | 11,1+ | 10+ | 2.3+ | 6.1+ |
Ne pozabite na svoje predpone!