CSS3 的 column-fill 属性可以控制多栏布局中的内容如何填充列。它是用来指定多栏元素的内容是如何填充到多栏中的，它有两个可选值：auto 和 balance。
auto值
当 column-fill 的值设置为 auto 时，多栏元素的内容会按照元素的顺序从左到右填充列，直到第一列填满为止，再从第二列开始填充，以此类推。
.column-fill-auto {
-moz-column-fill: auto;
-webkit-column-fill: auto;
column-fill: auto;
}
balance值
当 column-fill 的值设置为 balance 时，多栏元素的内容会按照最佳的方式填充到多栏中，以达到尽可能均匀的填充。
.column-fill-balance {
-moz-column-fill: balance;
-webkit-column-fill: balance;
column-fill: balance;
}
column-fill 属性可以帮助我们控制多栏布局中的内容如何填充列，从而达到我们想要的效果。