首页 > 代码库 > css3多栏布局
css3多栏布局
<style type="text/css"> .box{ column-width: 100px; /*设定栏位宽度*/ column-count: 3; /***设定栏位数量***/ column-gap: 100px; /**设定栏位间隔*/ column-rule: 2px solid red; /***设定栏位间隔线*/ } .box.tit{ column-span: all; /* 值为1 或all 1跨越1列 all跨越所有列*/ text-align: center; color: red; } </style> </head> <body> <div class="box"> <div class="tit">跨越所有列</div>
css3多栏布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。