Beginner Tutorials

轻松上手,快乐学习!

HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答工具导航更多  实例参考

×

                    HTML and CSS
                    学习 HTML
                    学习 CSS
                

                    后端
                    学习 Python
                

                    数据库
                    学习 MySQL
                    学习 SQL
                

                    其它
                    学习 Git
                    问答
                    工具
        	    笔记
                

×

HTML

HTML Tag 参数 HTML Event 参考 HTML Color 参考 HTML Attribute 参考

×

Exercises

HTML Exercises CSS Exercises JavaScript Exercises SQL Exercises Python Exercises

❮ 上一页下一页 ❯

CSS column-span 属性

实例

使 h2 元素横跨所有列：

h2 {
column-span: all;
}

亲自试一试 »

下面有更多实例。

定义和用法

column-span 属性规定元素应横跨多少列。

默认值:	none
继承性:	no
支持动画:	no. 阅读有关动画的信息
版本:	CSS3
JavaScript 语法:	object.style.columnSpan="all" 测试一下

浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

紧跟在 -webkit- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
column-span	50.0 4.0 -webkit-	10.0	71.0	9.0 3.1 -webkit-	37.0 15.0 -webkit- 11.1

语法

column-span: none|all|initial|inherit;

属性值

值	描述	试一试
none	默认值。元素应横跨一列。	亲自试一试 »
all	元素应横跨所有列。	亲自试一试 »
initial	将此属性设置为其默认值。请参阅 initial	亲自试一试 »
inherit	从其父元素继承此属性。请参阅 inherit

更多实例

实例

把 div 元素中的文本划分为三列:

div {
column-count: 3;
}

亲自试一试 »

实例

在列之间指定 40 像素的间距:

div {
column-gap: 40px;
}

亲自试一试 »

实例

规定列之间的宽度、样式和颜色:

div {
column-rule: 4px double #ff00ff;
}

亲自试一试 »

相关页面

CSS 教程: CSS 多列

HTML DOM 参考手册: columnSpan 属性

❮ 上一页下一页 ❯

颜色选择器

colorpicker

常用工具

彩色渐变
 JSON在线
 时间戳转换
 常用网站
 SQL
EMOJI和符号
 Read More »

                教程TOP
                HTML 教程

                CSS 教程

                JavaScript 教程

                Python 教程

                参考TOP
                HTML 参考

                CSS 参考

                JavaScript 参考

                SQL 参考

                实例TOP
                HTML 实例

                CSS 实例

                JavaScript 实例

                Python 实例

                站点信息
                隐私政策

                联系合作

                免责申明

                关于我们

新手教程所有内容，包括文字、图片、音频、视频、软件、程序、以及网页版式设计等均在网上搜集。
新手教程提供的内容仅用于个人学习、研究或欣赏。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容，请及时通知本站，予以删除。
Copyright © 2019 新手教程 begtut.com All Rights Reserved. 皖ICP备19011202号