CSS Columns

CSS Columns 是一种定义了多栏布局的模块，它能够表现出将内容在列之间怎么流动的以及间隙和分割线怎么使用。

参考

CSS 属性

• break-after
• break-before
• break-inside
• column-count
• column-fill
• column-gap
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width
• column-span
• column-width
• columns

指南

使用CSS 多栏布局

关于如何使用多列构建布局的详细教程

规范

Specification	Status	Comment
CSS Multi-column Layout Module	Candidate Recommendation	Initial definition

浏览器兼容性

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Yes) -webkit	9 (9)-moz	10	11.1 15-webkit	3.0 (522)-webkit

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	2.1-webkit	22.0 (22)-moz	10	11.5 32-webkit	3.2-webkit