這篇文章將為大家詳細(xì)講解有關(guān)css中column-fill屬性有什么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作與策劃設(shè)計(jì),鎮(zhèn)安網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鎮(zhèn)安等地區(qū)。鎮(zhèn)安做網(wǎng)站價(jià)格咨詢:18982081108

csscolumn-gap屬性定義及用法

在css中，column-gap屬性通常和columns、column-count等分列屬性一起使用，用來設(shè)置元素內(nèi)容分列（多列布局）后列與列之間的距離

csscolumn-gap屬性語法格式

css語法：column-gap:length/normal;（例：column-gap:36px;）

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

csscolumn-gap屬性值說明

length：自定義列之間的間距

normal：列之間的普通差距

實(shí)例

body{background:#ddd;}div{width:400px;border:1pxsolidblueviolet;}

.gap{column-count:3;column-gap:60px;}

.gap_normal{column-count:3;column-gap:normal;}

column-gap:60px;演示，將列與列之間的距離設(shè)置為60px