Når du vil holde kolonnene dine i en bestemt bredde, bruk column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Nettleseren vil beregne hvor mange kolonner med minst den bredden som kan passe i rommet. Tenk på column-widthsom et minimums breddeforslag for nettleseren.
column-widther en fleksibel eiendom. Når nettleseren ikke har plass til minst to kolonner i den angitte bredden, vil kolonnene stoppe og falle i en enkelt kolonne.
Denne egenskapen brukes også i stenografi for columnsog kan brukes sammen med column-count. Når begge egenskapene er deklarert, column-counter det maksimale antallet kolonner.
Verdier
Du kan stille column-widthtil autoeller lengde.
Bruk autohvis du også bruker column-counteller hvis du trenger å slå av eiendommen. Tenk på det som en måte å fortelle nettleseren om å column-countta ledelsen.
For å spesifisere bredden på kolonnene, bruk en lengde større enn (eller lik) 0. Du kan bruke hvilken som helst CSS-enhet bortsett fra prosent.
Nettleserstøtte
Støtte for layout med flere kolonner:
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | 3+ | 1,5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Ikke glem prefiksene dine!