table合并单元格colspan和rowspan
2016-07-17 20:25
375 查看
[/code]colspan和rowspan能够改变表格的外观,使某列或者行合并起来colspan和rowspan对<td>进行设置rowspan对第一行进行设置,使得设置的列跨多行colspan对任何行,使得设置的列跨多列 rowspan: <tr><td >a</td><td rowspan="3">b</td></tr><tr><td>c</td></tr><tr><td>d</td></tr> 混合: <tr><td rowspan="2">a</td><td rowspan="2">a</td><td colspan="5">a</td><td colspan="4">a</td><td rowspan="2">a</td></tr><tr><td>b</td><td>b</td><td>b</td><td>b</td><td>b</td><td>b</td><td>b</td><td>b</td><td>b</td></tr><tr><td colspan="12">c</td></tr>[/code]
该例通过把
浏览器中将显示如下:
上例中的单元格1,其
<html><head></head><table border= "1 " width= "200 " ><tr><td colspan="4" >ss</td></tr><tr><td width= "25% "> </td> <td width= "25% "> </td> <td width= "25% "> </td> <td width= "25% "> </td> </tr><tr><td width= "25% "rowspan="2"> </td><td width= "25% "> </td> <td width= "25% "> </td> <td width= "25% "> </td> </tr><tr><td width= "25% "> </td><td width= "25% " rowspan="3"> </td><td width= "25% "> </td> </tr><tr><td width= "25% " colspan="2" > </td><td width= "25% "> </td></tr><tr><td width= "25% "> </td> <td width= "25% "> </td> <td width= "25% "> </td></tr></table></html>
colspan和
rowspan这两个属性用于创建特殊的表格。[/code]
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形成独立的两行。综合实例
ss | |||
相关文章推荐
- abiFilters
- 加密与签名
- 学习Caffe(二)使用Caffe:Caffe加载模型+Caffe添加新层+Caffe finetune
- .net用BouncyCastle进行签名&加解密
- 学习Caffe(一)使用Caffe
- Java 计算器实现
- matlab读取csv文件
- 回顾过去的一年
- 标准库中二分查找算法
- 剑指offer之打印1到最大的n位数
- 安卓速记2--数据存储方式
- hdu 2822 Dogs
- 建立接口的三种方式--鸭式辩型接口
- BestCoder 2nd Anniversary #1001-oracle
- Junit测试【2】(详解suit函数)
- 拓扑序列
- 数组A中,除了某一个数字x之外,其他数字都出现了三次,而x出现了一次。请给出最快的方法,找到x
- html table相关标签和属性
- ng-bind 与ng-model区别
- strcat函数用法的一点看法