1. 程式人生 > >多列屬性

多列屬性

元素 如何 填充 rule all 列數 規則 gap 所有

1、columns 規定設置 column-width 和 column-count 的簡寫屬性。

(1) column-width 規定列的寬度。(該列縮放時的最小寬度,默認為auto)

(2) column-count 規定元素應被分隔的列數。(默認為auto)

2、column-rule 設置所有 column-rule-* 屬性的簡寫屬性。

(1) column-rule-color 規定列之間規則的顏色。

(2) column-rule-style 規定列之間規則的樣式。

(3) column-rule-width 規定列之間規則的寬度。

3、column-span 規定元素應該橫跨的列數。默認為1,可以設置為all。

4、column-gap 規定列之間的間隔。

5、column-fill 規定如何填充列。(主流瀏覽器不支持)

多列屬性