1. auto（默认值）：浏览器会尽可能平均地分布内容，使得所有列的高度相差不超过一个列的高度。
2. balance：浏览器会尽可能平均地分布内容，使得所有列的高度完全相等。
以下是一个简单的例子：
.example {
column-count: 3; /* 将元素分割成三列 */
column-fill: balance; /* 平均分布内容，使得所有列高度相等 */
}
在这个例子中，.example 类的元素被设置为分割成三列，并使用 column-fill: balance; 让浏览器尽可能平均地分布内容，使得所有列的高度相等。
请注意，column-fill 的浏览器支持并不完全一致，而且在某些情况下可能不会产生预期的效果。在实际使用中，你可能需要根据具体情况来考虑是否使用该属性。如果布局要求不强制使所有列高度相等，column-fill: auto; 可能更适合。在现代网页设计中，Flexbox 和 Grid 布局也提供了更强大且更一致的布局能力。
转载请注明出处：http://www.zyzy.cn/article/detail/6048/CSS