html tabel colspan和rowspan
2015-12-21 14:20
288 查看
colspan和
rowspan这两个属性用于创建特殊的表格。
colspan是“column span(跨列)”的缩写。
colspan属性用在td标签中,用来指定单元格横向跨越的列数:在浏览器中将显示如下:
单元格1 | ||
单元格2 | 单元格3 | 单元格4 |
colspan设为“3”, 令所在单元格横跨了三列。如果我们将
colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。该例在浏览器中将显示如下:
单元格1 | 单元格2 | |
单元格3 | 单元格4 | 单元格5 |
rowspan
的作用是指定单元格纵向跨越的行数。
浏览器中将显示如下:单元格1 | 单元格2 |
单元格3 | |
单元格4 |
rowspan被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。原文:http://blog.csdn.net/qiume/article/details/4957058
相关文章推荐
- html中的table
- Excel转为html
- html学习 - 自己主动跳转与自己主动刷新
- 酷毙的html标签编辑器
- 联合使用 HTML 5、地理定位 API
- HTML随手笔记,文字效果,新手望指点
- 手把手教你做html日历
- HTML <head>
- HTML 图像
- HTML 表格
- HTML 列表
- HTML <div> 和<span>
- html input="file" 浏览时只显示指定文件类型 xls、xlsx、csv
- HTML 排版与标签(三)
- Angular HTML 编译器
- HTML中用list添加列表
- 使用HTMLParser提取新闻的例子
- html知识小结
- 联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序
- HTML 5 Web 存储