column-width 属性可以接受以下类型的值：
1. 长度值： 例如 px（像素）、em（相对于字体尺寸的倍数）等。
2. 百分比值： 相对于父元素宽度的百分比。
3. auto： 浏览器将根据内容自动计算列的宽度，以确保内容能够被完整显示。
以下是一个简单的例子：
.example {
column-count: 3; /* 将元素分割成三列 */
column-width: 100px; /* 列的宽度为100像素 */
}
在这个例子中，.example 类的元素被设置为分割成三列，并使用 column-width 属性将每一列的宽度设置为 100 像素。
需要注意的是，column-width 和 column-count 一起使用，可以控制列的数量和宽度。如果只设置了 column-width，浏览器将根据给定的宽度尽可能创建尽可能多的列。如果只设置了 column-count，浏览器将尽可能平均地分配宽度。
.example {
column-count: 3; /* 将元素分割成三列 */
column-width: 100px; /* 列的宽度为100像素，尽可能多地创建列 */
}
在这个例子中，.example 类的元素被设置为分割成三列，每一列的宽度为 100 像素。如果浏览器的宽度允许，可能会创建多于三列，以适应更多的内容。
转载请注明出处：http://www.zyzy.cn/article/detail/6055/CSS