首页 > 其他 > 详细

跨列设置column-span

时间:2016-09-05 19:07:10      阅读:197      评论:0      收藏:0      [点我收藏+]

column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列,不管里面元素如何排放顺序,他们都是从左向右的放置内容,但有时我们需要基中一段内容或一个标题不进行分列,也就是横跨所有列,此时column-span就可以轻松实现,此属性的语法如下。

column-span: none | all

取值说明

属性值

属性值说明

none

此值为column-span的默认值,表示不跨越任何列。

all

这个值跟none值刚好相反,表示的是元素跨越所有列,并定位在列的Z轴之上。

例如:将第一个标题跨越所有列,代码:

column-span:all;

效果如下:

技术分享

跨列设置column-span

原文:http://www.cnblogs.com/gulan/p/5843148.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!