閱讀(25.6k) 書簽贊(1) 我要糾錯(cuò)

CSS3 column-fill 屬性

2022-06-02 15:27 更新

實(shí)例

規(guī)定如何對(duì)列進(jìn)行填充：

div
{
column-fill:auto;
}

主流瀏覽器都不支持 column-fill 屬性。

屬性
column-fill	不支持	不支持	13.0 -moz-	不支持	不支持

column-fill 屬性規(guī)定如何填充列（是否進(jìn)行協(xié)調(diào)）。

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

column-fill: balance|auto;

值	描述
balance	對(duì)列進(jìn)行協(xié)調(diào)。瀏覽器應(yīng)對(duì)列長(zhǎng)度的差異進(jìn)行最小化處理。
auto	按順序?qū)α羞M(jìn)行填充，列長(zhǎng)度會(huì)各有不同。