CSS 多列布局

CSS 多列布局模块允许您将内容划分为多个列。通过使用此模块中的属性，您可以定义列的首选数量和宽度、列之间的间隙大小以及可选列分隔线（称为列规则）的视觉外观。您还可以定义内容如何从列流到列以及如何在列之间断开内容。

多列布局实战

在此示例中，加拿大百年纪念的 1967 年演讲，A Lament for Confederation，由丹·乔治酋长发表，以多列显示，类似于印刷报纸中的文章显示方式。如果您启用了 JavaScript，控件将允许更改列的首选数量和宽度、列之间的间隙宽度、标题和示例块引用是否应包含在一列中或跨所有列显示以及是否应避免在段落内断开。

要查看此多列布局的代码，请在 GitHub 上查看源代码。

注意： 多列布局与分页媒体密切相关。每个列框都是一个片段，就像每页印刷都是文档的一个片段一样。使用CSS 分割模块中定义的属性，您可以控制内容如何在列和页面之间断开。