Als u uw kolommen op een bepaalde breedte wilt houden, gebruikt u column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )De browser berekent hoeveel kolommen van minimaal die breedte in de ruimte passen. Beschouw dit column-widthals een suggestie voor een minimale breedte voor de browser.
column-widthis een flexibele eigenschap. Zodra de browser niet ten minste 2 kolommen op de door u opgegeven breedte kan passen, stoppen de kolommen en vallen ze in één enkele kolom.
Deze eigenschap wordt ook gebruikt in de afkorting voor columnsen kan in combinatie met column-count. Als beide eigenschappen zijn gedeclareerd column-countis het maximum aantal kolommen.
Waarden
U kunt een lengte instellen column-widthop autoof.
Gebruik deze optie autoals u column-countde woning ook gebruikt of als u deze wilt uitschakelen. Zie het als een manier om de browser te vertellen column-counthet voortouw te nemen.
Om de breedte van de kolommen op te geven, gebruikt u een lengte groter dan (of gelijk aan) 0. U kunt elke CSS-eenheid gebruiken, behalve het percentage.
Browser-ondersteuning
Ondersteuning voor lay-out met meerdere kolommen:
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Ieder | 3+ | 1.5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Vergeet uw voorvoegsels niet!