CSS column-fill 屬性

定義和用法

column-fill 屬性規定如何填充列（是否進行協調）。

另請參閱：

CSS3 教程：CSS3 多列

HTML DOM 參考手冊：columnFill 屬性

實例

規定如何對列進行填充：

div
{
column-fill:auto;
}

CSS 語法

column-fill: balance|auto;

屬性值

值 描述
balance 對列進行協調。瀏覽器應對列長度的差異進行最小化處理。
auto 按順序對列進行填充，列長度會各有不同。

技術細節

默認值： balance
繼承性： no
版本： CSS3
JavaScript 語法： object.style.columnFill="auto"

更多實例

Column-count
把 div 元素中的文本劃分為三列。
Column-gap
將 div 元素中的文本分為三列，并規定列間 30 像素的間隔。
Column-rule
規定列之間的寬度、樣式和顏色。

瀏覽器支持

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0