首頁 > web前端 > css教學 > css column-fill屬性怎麼用

css column-fill屬性怎麼用

silencement
發布: 2019-05-28 09:21:17
原創
2782 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板