css3多列屬性有哪些

發(fā)布時(shí)間：2021-11-03 14:14:50 來源：億速云閱讀：120 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“css3多列屬性有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css3多列屬性有哪些”吧!

1、column-count

屬性規(guī)定元素應(yīng)該被分隔的列數(shù)

適用于：除table外的非替換塊級(jí)元素, table cells, inline-block元素

2、column-gap

屬性規(guī)定列之間的間隔大小

3、column-rule

設(shè)置或檢索對(duì)象的列與列之間的邊框。復(fù)合屬性。

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

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

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

4、column-fill

設(shè)置或檢索對(duì)象所有列的高度是否統(tǒng)一

auto：列高度自適應(yīng)內(nèi)容

balance：所有列的高度以其中最高的一列統(tǒng)一

5、column-span

設(shè)置或檢索對(duì)象元素是否橫跨所有列。

none：不跨列

all：橫跨所有列

6、column-width

設(shè)置或檢索對(duì)象每列的寬度

7、columns

設(shè)置或檢索對(duì)象的列數(shù)和每列的寬度。復(fù)合屬性

<' column-width '> || <' column-count '>

到此，相信大家對(duì)“css3多列屬性有哪些”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

猜你喜歡