column-wrap
An experimental property to control whether content should wrap into new columns or overflow in a multi-column layout.
It is documented as part of the CSS Box Sizing, CSS Multi-column Layout specification. This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.experimental-cols {
column-count: 3;
/* Experimental: prevents content from wrapping */
column-wrap: nowrap;
}
/* Syntax */
column-wrap: auto;
column-wrap: nowrap;
column-wrap: wrap;
/* Global values */
column-wrap: inherit;
column-wrap: initial;
column-wrap: revert;
column-wrap: revert-layer;
column-wrap: unset;column-wrap Browser support
Limited availability
Since
2020 42% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
145+
145+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more