Če pri načrtovanju postavitve več stolpcev potrebujete natančno število stolpcev, uporabite column-count.
.lead ( column-count: 3; )Glede na število stolpcev bo brskalnik vsebino enakomerno porazdelil v točno toliko stolpcev.
Ta lastnost se lahko uporablja tudi v okrajšavi za columnsin se lahko uporablja skupaj z column-width. Ko sta prijavljeni obe lastnosti, column-countje največje število stolpcev.
Vrednote
column-countlahko autoali celo število.
Uporabite, autoče uporabljate tudi vi column-width. Mislite na to kot na način, kako brskalniku sporočite, naj column-widthprevzame vodilno vlogo.
Celo število, znano tudi kot število stolpcev, mora biti večje ali enako 0.
Za razliko od column-widthte lastnosti bo imelo število stolpcev ne glede na širino brskalnika. To pomeni, da če ste na mobilnem telefonu privlekli 5-stolpno postavitev, boste imeli za navigacijo zelo zmečkano 5-stolpno postavitev. column-countnajbolje deluje zraven column-width.
Podpora za brskalnik
Podpora za postavitev več stolpcev:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | 3+ | 1,5+ | 11,1+ | 10+ | 81 | 3,2+ |
Ne pozabite na svoje predpone, če že ne uporabljate orodja, ki pri tem pomaga.