columns 是一个用于设置多列布局的 CSS 属性。它是一个简写属性，用于同时设置 column-width（列宽）和 column-count（列数）两个属性。通过 columns 属性，你可以更方便地控制多列布局的外观。

以下是一个例子：
.container {
  columns: 3 200px;
}

在这个例子中，.container 元素的内容会被分为三列，每列的宽度为200像素。第一个值是 column-count，表示列的数量，而第二个值是 column-width，表示每列的宽度。这样，你可以同时指定列数和列宽，而无需分别设置 column-count 和 column-width。

需要注意的是，浏览器会根据这两个值自动调整列的宽度和数量，以使内容适应给定的空间。如果你只想设置其中一个属性，可以将另一个属性设置为 auto。例如：
.container {
  columns: auto 200px; /* 只设置列宽 */
}

或者
.container {
  columns: 3 auto; /* 只设置列数 */
}


转载请注明出处：http://www.zyzy.cn/article/detail/4171/CSS