Brug, når du vil holde dine kolonner i en bestemt bredde column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Browseren beregner, hvor mange kolonner med mindst den bredde, der kan passe i rummet. Tænk på column-widthsom et minimum bredde forslag til browseren.
column-widther en fleksibel ejendom. Når browseren ikke kan passe mindst 2 kolonner i din angivne bredde, stopper kolonnerne og falder ned i en enkelt kolonne.
Denne egenskab bruges også i stenografi til columnsog kan bruges sammen med column-count. Når begge egenskaber erklæres, column-counter det maksimale antal kolonner.
Værdier
Du kan indstille column-widthtil autoeller en længde.
Brug, autohvis du også bruger, column-counteller hvis du har brug for at slukke for ejendommen. Tænk på det som en måde at fortælle browseren om at lade gå column-countforan.
For at specificere bredden af kolonnerne skal du bruge en længde større end (eller lig med) 0. Du kan bruge en hvilken som helst CSS-enhed undtagen i procent.
Browsersupport
Understøttelse af layout med flere søjler:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | 3+ | 1,5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Glem ikke dine præfikser!