Ak potrebujete presný počet stĺpcov pri navrhovaní rozloženia viacerých stĺpcov, použite column-count.
.lead ( column-count: 3; )Vzhľadom na počet stĺpcov bude prehliadač rovnomerne distribuovať obsah presne v takom počte stĺpcov.
Túto vlastnosť je možné použiť aj v skratke pre columnsa možno ju použiť v tandeme s column-width. Pri deklarovaní oboch vlastností column-countje maximálny počet stĺpcov.
Hodnoty
column-countmôže byť autoalebo celé číslo.
Použite, autoak tiež používate column-width. Ber to ako spôsob, ako povedať prehliadaču, aby sa column-widthujal vedenia.
Celé číslo, známe tiež ako počet stĺpcov, musí byť väčšie alebo rovné 0.
Na rozdiel od column-widthtejto vlastnosti bude obsahovať počet stĺpcov bez ohľadu na šírku prehľadávača. To znamená, že ak ste na svojom mobilnom telefóne vytiahli rozloženie s 5 stĺpcami, budete mať na navigáciu veľmi rozmiestnené rozloženie s 5 stĺpcami. column-countfunguje najlepšie po boku column-width.
Podpora prehľadávača
Podpora rozloženia viacerých stĺpcov:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| akýkoľvek | 3+ | 1,5+ | 11,1+ | 10+ | 81 | 3,2+ |
Nezabudnite na svoje predvoľby, ak ešte nepoužívate nástroj, ktorý vám s tým pomáha.