首頁  >  文章  >  web前端  >  css column-fill屬性怎麼用

css column-fill屬性怎麼用

silencement
silencement原創
2019-05-28 09:21:172731瀏覽

css column-fill屬性怎麼用

css column-gap屬性定義及用法

在css中,column-gap屬性通常和columns、column-count等分列屬性一起使用,用來設定元素內容分列(多列佈局)後列與列之間的距離

css column-gap屬性語法格式

css語法:column-gap: length / normal;(例:column-gap:36px;)

JavaScript語法:object.style.columnGap="40px"

css column- gap屬性值說明

length:自訂列之間的間距

#normal:列之間的普通差距

##實例

css3 column-gap屬性設定列之間的距離筆記

column-gap:60px;演示,將列與列之間的距離設定為60px

column-gap:normal;演示,將列與列之間的距離設定普通距離!

運行結果

css column-fill屬性怎麼用

###################################### ##################

以上是css column-fill屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn