HTML 表格中的行合并与列合并
来源:互联网 发布:手机实时监控软件 编辑:程序博客网 时间:2024/06/05 17:18
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
上例中的单元格1,其rowspan被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。
综合实例
ss
<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>
阅读全文
1 0
- HTML 表格中的行合并与列合并
- html表格合并(行,列)
- HTML表格中的单元格合并
- JS 合并表格列
- js合并表格列
- 合并表格第一列
- html 如何合并表格
- HTML TBLE表格重复内容列合并javascript方法
- HTML表格嵌套、合并表格
- HTML中简单的行合并和列合并
- 列合并与拆分
- GridView多行合并与多列合并
- GridView多行合并与多列合并
- html面试题:三行三列布局,表格有合并,不准嵌套使用表格
- 表格合并相同列,相同行的jquery实现
- GridView行与列的合并
- 求助:JSP或HTML静态页面实现对Tabel表格行和列的合并和拆分
- vue 合并表格行
- 支付宝即时到帐功能接入--解决sign和mysign不等的坑爹旅程
- 分布式锁实现
- C#读取excel表格
- jmeter使用教程
- Android 网络属性详解
- HTML 表格中的行合并与列合并
- Linux文本处理:grep、awk、sed
- MY_iOS_Swift知识点
- 读取配置文件
- Linux下的opengl库环境安装使用
- Spring解析Html视图
- android studio git使用总结 (一): 初级篇
- Opencv实现Camshift算法(物体跟踪)
- C++初级学习(二)——运算符和循环、判断