column-wrap

Experimental

An experimental property to control whether content should wrap into new columns or overflow in a multi-column layout.

Quick example

.experimental-cols {
  column-count: 3;
  /* Experimental: prevents content from wrapping */
  column-wrap: nowrap;
}

Quick facts

Initial value
auto
Inherited
No
Applies to
multi-column elements
Animation type
discrete

Values

autonowrapwrap

column-wrap Browser Support

Limited availability 42% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

145+
145+
ESC