CSS column-fill属性
column-fill属性
CSS多列中的column-fill属性，可设置将以何种方式对列进行填充。
语法
column-fill: balance | auto
可选属性值
| 属性值 | 描述 |
|---|---|
| balance | 协调各列，列长度的差异进行最小化处理 |
| auto | 按顺序对列进行填充，列的长度各异 |
column-fill属性实例代码，及在线编辑器
<p id='p1'>诗既亡，春秋作。寓褒贬，别善恶。
三传者，有公羊。有左氏，有谷梁。
经既明，方读子。撮其要，记其事。
五子者，有荀扬。文中子，及老庄。
经子通，读诸史。考世系，知终始。
自羲农，至黄帝。号三皇，居上世。
唐有虞，号二帝。相揖逊，称盛世。
夏有禹，商有汤。周文武，称三王。
夏传子，家天下。四百载，迁夏社。
汤伐夏，国号商。六百载，至纣亡。
周武王，始诛纣。八百载，最长久。
周辙东，王纲坠。逞干戈，尚游说。
始春秋，终战国。五霸强，七雄出。</p>
<style>
#p1{column-count:6;column-fill:balance;}
</style>