百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> csscolumn-width属性如何用
分享文章到:

csscolumn-width属性如何用

发布时间:09/01 来源:未知 浏览: 关键词:
在css中,column-width属性是用来设定多列布局中列的宽度。它和其它一些多列布局属性不同,它可以独自运用。元素只有定义了column-width属性,元素就会构成多列布局,构成的列数取决于column-width属性值。

css column-width属性定义及用途

在css中,column-width属性是用来设定多列布局中列的宽度。column-width属性和其它一些多列布局属性不同,它可以独自运用。元素只有定义了column-width属性,元素就会构成多列布局,构成的列数取决于column-width属性值。

css column-width属性语法格局

css语法:column-width: auto / length;(例:column-width:100px;)

JavaScript语法:object.style.columnWidth="100px"

column-width属性值注明

auto :列的宽度由其它因素决议

length:自定义列的宽度(如:100px;)

实例





css3多列布局之column-width属性设定列的宽度



column-width:80px;演示:列宽设定为80px。这是为了演示结果多写的
column-width:100px;演示:列宽设定为100px。这是为了演示结果多写的
column-width:180px;演示:列宽设定为180p。这是为了演示结果多写的

运转效果

以上就是css column-width属性如何用的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板