Ak chcete zachovať konkrétnu šírku svojich stĺpcov, použite column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Prehliadač vypočíta, koľko stĺpcov s minimálne touto šírkou sa zmestí na miesto. Berte to column-widthako návrh minimálnej šírky pre prehliadač.
column-widthje flexibilná vlastnosť. Ak sa prehľadávač nezmestí na zadanú šírku aspoň do 2 stĺpcov, stĺpce sa zastavia a umiestnia sa do jedného stĺpca.
Táto vlastnosť sa tiež používa v skratke pre columnsa možno ju použiť v tandeme s column-count. Pri deklarovaní oboch vlastností column-countje maximálny počet stĺpcov.
Hodnoty
Môžete nastaviť column-width, aby autoalebo dĺžku.
Použite, autoak tiež používate column-countalebo potrebujete vypnúť nehnuteľnosť. Ber to ako spôsob, ako povedať prehliadaču, aby sa column-countujal vedenia.
Ak chcete určiť šírku stĺpcov, použite dĺžku väčšiu ako (alebo rovnú) 0. Môžete použiť ľubovoľnú jednotku CSS okrem percent.
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+ | 2,3+ | 6,1+ |
Nezabudnite na svoje predvoľby!