När du vill hålla dina kolumner i en viss bredd, använd column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Webbläsaren beräknar hur många kolumner med minst den bredden som kan passa i utrymmet. Tänk på det column-widthsom ett minimumförslag för webbläsaren.
column-widthär en flexibel egendom. När webbläsaren inte kan passa åtminstone två kolumner i din angivna bredd kommer kolumnerna att stoppas och falla i en enda kolumn.
Den här egenskapen används också i förkortningen för columnsoch kan användas tillsammans med column-count. När båda egenskaperna deklareras column-countär det maximala antalet kolumner.
Värden
Du kan ställa column-widthin autoeller en längd.
Använd autoom du också använder column-counteller om du behöver stänga av fastigheten. Tänk på det som ett sätt att berätta för webbläsaren att column-countta ledningen.
För att ange bredden på kolumnerna, använd en längd som är större än (eller lika med) 0. Du kan använda valfri CSS-enhet förutom procent.
Webbläsarstöd
Stöd för flera kolumner:
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Några | 3+ | 1,5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Glöm inte dina prefix!