HTML第十一天表格的合并

X_x65238004

于 2018-02-13 20:01:30 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签：合并行

本文链接：https://blog.youkuaiyun.com/X_x65238004/article/details/79323010

HTML 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用HTML的rowspan和colspan属性来合并表格单元格。通过示例展示了单元格跨行和跨列的合并方式，适用于网页设计中需要布局表格数据的场景。

合并行colspan

合并列rowspan

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>012合并单元格</title>
</head>
<body>
	<table border=“1”>
		<tr>
		<!-- rpwspan:一个单元格占用两行进行展示 -->
		<td rowspan="2">广西科技大学</td>

		<td colspan="2">启迪数字学院</td>
		<!-- colspan 将一行中的一个单元格占用两列进行显示 -->	
		<!-- <td colspan="2">Q162班</td> -->
		</tr>
		<tr>
		<!-- <td>广西科技大学鹿山学院</td> -->
		<td>计通学院</td>
		<td>172</td>
		</tr>
	</table>
	
</body>
</html>