.container {
column-count: 3;
column-width: 100px;
}
在上面的例子中，.container 类的元素被分为三列，每列的宽度为100像素。这样，文本将按照列数和列宽进行自动分布，形成多列的布局。
需要注意的是，column-count 和 column-width 属性通常一起使用，以便更精确地控制多列布局。如果指定了列的数量，但没有指定列的宽度，浏览器将根据容器宽度自动计算列的宽度。
.container {
column-count: 3;
}
在这个例子中，列的宽度将根据容器的宽度平均分配，以形成三列。
这两个属性是 CSS3 中引入的多列布局的一部分，用于实现报纸或杂志等的多列文本效果。需要注意的是，多列布局并非适用于所有情况，具体应用时需根据设计需求谨慎选择。
转载请注明出处：http://www.zyzy.cn/article/detail/4162/CSS