css3中column-span的作用是什么

这篇文章主要讲解了“css3中column-span的作用是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3中column-span的作用是什么”吧!

创新互联科技有限公司专业互联网基础服务商,为您提供雅安移动机房高防服务器租用,成都IDC机房托管,成都主机托管等互联网服务。

在css3中,column-span属性用于在元素分列显示时,指定某个元素应该跨越多少列;语法格式“column-span:1|all;”,当值为“1”时指定元素应跨越一列,当值为“all”时指定元素应该跨越所有列。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

column-span属性可以指定某个元素应该跨越多少列。语法格式:

column-span: 1|all;
描述
1元素应跨越一列
all该元素应该跨越所有列

下面通过示例来看看column-span属性的作用:




 







英国维斯米斯特教堂碑文

当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。

英国维斯米斯特教堂碑文

当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。

效果图:

css3中column-span的作用是什么

感谢各位的阅读,以上就是“css3中column-span的作用是什么”的内容了,经过本文的学习后,相信大家对css3中column-span的作用是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站标题:css3中column-span的作用是什么
URL地址:http://scyanting.com/article/gdoeos.html

其他资讯