HTML表格跨行、跨列操作(rowspan、colspan)
转自：https://blog.csdn.net/u012724595/article/details/79401401
一般使用<td>元素的colspan属性来实现单元格跨列操作，使用<td>元素的rowspan属性来实现单元格的跨行操作。
colspan属性规定单元格可横跨的列数，所有浏览器都支持colspan属性。其取值为number，如下图所示：
例如：
<table border="1">
<tr>
<th>星期一</th>
<th>星期二</th>
</tr>
<tr>
<td colspan="2">星期天</td>
</tr>
</table>
实现结果如下图所示：
rowspan属性规定单元格可横跨的列数，所有浏览器都支持rowspan属性。其取值为number，如下图所示：
例如：
<table border="1">
<tr>
<td rowspan="2">星期一</td>
<td>星期二</td>
</tr>
<tr>
<td>星期三</td>
</tr>
</table>
实现结果如下图所示：
总结colspan和rowspan的使用如下：
<table border="1">
<tr>
<th colspan="3">物资详情说明</th>
</tr>
<tr>
<td colspan="2" align="center">数量(支)</td>
<td rowspan="2">重量(吨)</td>
</tr>
<tr>
<td>实发数</td>
<td>实收数</td>
</tr>
<tr>
<td>12</td>
<td>10</td>
<td>100.00</td>
</tr>
</table>
实现结果如下图所示：
————————————————
版权声明：本文为CSDN博主「sning999」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u012724595/article/details/79401401
最新文章
- 链接(extern、static关键词\头文件\静态库\共享库)
- POJ 2478 Farey Sequence
- PSP记录个人项目耗时
- 【8-16】Android学习笔记01
- LLVM,Clang
- Leetcode: Longest Palindromic Substring. java
- K-meams文本聚类算法C++实现
- win设置壁纸
- FZU2150 Fire Game BFS搜索
- 【转】Android 最火的快速开发框架XUtils
- 在 Sublime Text 3 中运行 PHP
- sql查看数据库表使用情况
- 微信原生支付 Native扫码支付( V3.3.7 版本)
- JavaScript中的排序
- 阿里云上 配置 vsftpd 配置文件 （一个成功例子）
- Daemon函数的用法
- silverlight chart 折线图 的线颜色如何修改？？？
- 牛客网 桂林电子科技大学第三届ACM程序设计竞赛 A.串串-后缀自动机模板题
- CentOS6安装各种大数据软件 第七章：Flume安装与配置
- 128. Longest Consecutive Sequence (HashTable)