亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS3 column-fill 屬性使用方法及示例

column-fill CSS屬性指定多列元素中的列長度如何受到內(nèi)容流的影響。多列布局中的內(nèi)容是平衡的，這意味著所有列中的內(nèi)容將具有相同的高度，或者在使用auto值時，只占用空間，以滿足內(nèi)容的需要。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認值：balance
適用于：多列元素
繼承：沒有
可動畫制作：否 動畫屬性。
版本： CSS3的新功能
JavaScript語法：object.style.columnFill="auto"

column-fill的使用語法

該屬性的語法如下：

column-fill: auto | balance | initial | inherit

下面的示例演示了如何使用column-fill屬性。

p {
   -moz-column-fill: auto; /* Firefox */
        column-fill: auto; 
}
測試看看?/?

屬性值

下表描述了此屬性的值。

值描述
auto依次填充列，以使列的長度可以不同，這取決于其他列屬性值。
balance順序填充各列，以便根據(jù)其他列屬性值盡可能平衡列高。
initial將此屬性設置為其默認值。
inherit如果指定，則關聯(lián)元素采用其父元素column-fill的屬性值。

瀏覽器兼容性

column-fill屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；目前只有Firefox瀏覽器支持該屬性。

瀏覽器圖標

  • Firefox 13+ -moz-

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

進一步閱讀

請參考以下教程：CSS3多列布局。

相關屬性：column-width，column-gap，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-count，columns。