重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章将为大家详细讲解有关css中column-fill属性有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司是一家专注于网站设计、成都网站制作与策划设计,镇安网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:镇安等地区。镇安做网站价格咨询:18982081108
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:列之间的普通差距
实例
body{background:#ddd;}div{width:400px;border:1pxsolidblueviolet;}
.gap{column-count:3;column-gap:60px;}
.gap_normal{column-count:3;column-gap:normal;}
关于“css中column-fill属性有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。