为什么rowspan换行符会没有用

最新推荐文章于 2023-11-17 10:16:14 发布

羊阳洋丶

最新推荐文章于 2023-11-17 10:16:14 发布

阅读量2.4k

点赞数 6

分类专栏： web学习笔记文章标签： html5

本文链接：https://blog.csdn.net/weixin_44638167/article/details/108205770

版权

web学习笔记专栏收录该内容

56 篇文章 1 订阅

订阅专栏

首先:rowspan是跨行符,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>合并单元格</title>
	</head>
	<body>
		<table border="1"> <!-- colspan 单元格跨列 -->	
		<thead>
			<tr>
				<th>语文</th></th>
				<th colspan="2">数学</th>
				<th rowspan="2">123</th>
				</thead>
			</tr>
			<tr>
				<td>80</td>
				<td >100</td>
				<td>90</td>
			</tr>
		</table>
	</body>
</html>

上面代码显示出来的效果是: 在这里插入图片描述
可以看出rowspan跨行符没有效果,colspan列符有用,
如果取消<thead>可以来看一看:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>合并单元格</title>
	</head>
	<body>
		<table border="1"> <!-- colspan 单元格跨列 -->	
			<tr>
				<th>语文</th></th>
				<th colspan="2">数学</th>
				<th rowspan="2">123</th>
			</tr>
			<tr>
				<td>80</td>
				<td >100</td>
				<td>90</td>
			</tr>
		</table>
	</body>
</html>

显示效果是:
在这里插入图片描述
这里可以看出rowspan是有用的:
<thead控制了表头,我目前只知道去了<thead>就可以实现rowspan的功能,具体出于什么原因期待解答,

优惠劵

羊阳洋丶

关注关注

6
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
为什么rowspan换行符会没有用

首先:rowspan是跨行符,<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>合并单元格</title> </head> <body> <table border="1">  <thead> <tr> <t
复制链接

扫一扫