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:列之间的普通差距
实例
body{background: #ddd;}div{width: 400px;border:1px solid blueviolet;}
.gap{column-count:3;column-gap:60px;}
.gap_normal{column-count:3;column-gap:normal;}
运行结果
以上就是css column-fill属性怎么用的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号