Multi-column layout
Widely available
Multi-column layout flows an element's content across one or more columns in a single row, without affecting the display property of its children.
To learn more, see
column-count,
column-gap,
column-rule,
column-rule-color,
column-rule-style,
column-rule-width,
column-width,
columns at MDN.
Compatibility
- Chrome 50 Released on 2016-04-13
- Chrome Android 50 Released on 2016-04-13
- Edge 12 Released on 2015-07-29
- Firefox 52 Released on 2017-03-07
- Firefox for Android 52 Released on 2017-03-07
- Safari 9 Released on 2015-09-30
- Safari on iOS 9 Released on 2015-09-16