Gepubliceerd: 14 januari 2026
Vanaf Chrome 145 worden de eigenschappen column-wrap en column-height uit de specificatie voor lay-outs met meerdere kolommen (niveau twee) ondersteund. Met deze eigenschappen kunt u kolommen in de blokrichting naar een nieuwe rij laten doorlopen.
Vóór Chrome 145 verscheen, als de hoogte van de container met meerdere kolommen beperkt was, inhoud die niet in de beschikbare ruimte paste als overloopkolommen in de inline-richting. Dit resulteerde in een horizontale scrollbalk op het web.
Met de eigenschappen column-height en column-wrap kunt u een hoogte instellen voor de rij kolommen en de overloopkolommen als een nieuwe rij laten verschijnen.
De mogelijkheid om nieuwe rijen met kolommen te creëren biedt een oplossing voor de huidige situatie, waarbij je moet kiezen tussen mensen laten scrollen om kolommen te lezen, of het risico lopen op een horizontale scrollbalk in situaties met een onvoorspelbare hoeveelheid content.
Het maakt ook patronen mogelijk zoals een carrousel in blokrichting, waarbij kolommen worden gemaakt die de beschikbare hoogte van het scherm vullen. Om de volgende rij kolommen te lezen, scrollt u naar het volgende scherm in de blokrichting.
Zorg voor een prettige leeservaring.
Met meerdere rijen kolommen kan de leeservaring onduidelijk worden, omdat het voor de lezer niet duidelijk is dat er meerdere rijen zijn. Hierdoor slaan ze de lege ruimte over en lezen ze verder in de kolom. Dit is iets waar je rekening mee moet houden bij het ontwerpen van je gebruikersinterface. De aankomende mogelijkheid om decoraties toe te voegen in de ruimte tussen de rijen biedt je een extra hulpmiddel om dit visuele onderscheid te creëren.
De regels voor roeien worden binnenkort bekendgemaakt.
De multicol level 1-specificatie bevat eigenschappen voor het stylen van een kolomregel; deze regel wordt in de ruimte tussen kolommen geplaatst. Eigenschappen voor het stylen van rijregels zijn opgenomen in de nieuwe CSS Gap Decorations-specificatie , die momenteel in een testfase voor ontwikkelaars is. Zodra deze stabiel is, kunt u rij- en kolomregels toevoegen in grid, flexbox en multicol.