首页前端开发CSScss column-fill属性怎么用

css column-fill属性怎么用

时间2024-05-21 10:12:03发布访客分类CSS浏览25
导读: 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
dw怎么创建css文件 css outline-width属性怎么用

游客 回复需填写必要信息