css column-fill属性怎么用
导读: csscolumn-gap属性定义及用法 在css中,column-gap属性通常和columns、column-count等分列属性一起使用,用来设置元素内容分列(多列布局)后列与列之间的距离 csscolumn-gap属...
csscolumn-gap属性定义及用法
在css中,column-gap属性通常和columns、column-count等分列属性一起使用,用来设置元素内容分列(多列布局)后列与列之间的距离
csscolumn-gap属性语法格式
css语法:column-gap:length/normal;
(例:column-gap:36px;
)
JavaScript语法:object.style.columnGap="40px"
csscolumn-gap属性值说明
length:自定义列之间的间距
normal:列之间的普通差距
实例
css3column-gap属性设置列之间的距离笔记
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;
演示,将列与列之间的距离设置为60px
column-gap:normal;
演示,将列与列之间的距离设置普通距离!
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css column-fill属性怎么用
本文地址: https://pptw.com/jishu/664799.html