css column-width属性怎么用
导读： csscolumn-width属性定义及用法 在css中，column-width属性是用来设置多列布局中列的宽度。column-width属性和其它一些多列布局属性不一样，它可以单独使用。元素只要定义了column-width属...
csscolumn-width属性定义及用法
在css中，column-width属性是用来设置多列布局中列的宽度。column-width属性和其它一些多列布局属性不一样，它可以单独使用。元素只要定义了column-width属性，元素就会形成多列布局，形成的列数取决于column-width属性值。
csscolumn-width属性语法格式
css语法：column-width:auto/length;
（例：column-width:100px;
）
JavaScript语法：object.style.columnWidth="100px"
column-width属性值说明
auto：列的宽度由其它因素决定
length：自定义列的宽度（如：100px;
）
实例
css3多列布局之column-width属性设置列的宽度
body{
background:#ddd;
}
div{
width:400px;
border:1pxsolidblueviolet;
margin-top:10px;
column-rule-style:solid;
}
.a{
column-width:80px;
}
.b{
column-width:100px;
}
.c{
column-width:180px;
}
column-width:80px;
演示：列宽设置为80px。这是为了演示效果多写的
column-width:100px;
演示：列宽设置为100px。这是为了演示效果多写的
column-width:180px;
演示：列宽设置为180p。这是为了演示效果多写的
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css column-width属性怎么用
本文地址： https://pptw.com/jishu/664825.html