rowspan 是 或 的属性，用于让单元格纵向跨多行；应在需垂直合并显示（如固定标题栏、汇总信息对齐）时使用，常见错误包括跨行数计算错误、同列重复写 、表头与正文列未同步跳过等。
rowspan 是什么，什么时候该用它
rowspan 是 <td> 或 <code><th> 标签的属性，用来让一个单元格**纵向跨多行**。它不是“合并”操作，而是告诉浏览器：这个单元格视觉上占据 N 行高度，后续同列的 <code><td> 要跳过对应行数——否则表格结构会错乱甚至渲染异常。
<p>常见场景：左侧标题栏固定（如“姓名”“科目”），右侧数据逐行展开；或者某项汇总信息需要垂直对齐多行数据。</p>
<h3>写错 rowspan 会导致表格错位，典型错误有哪些
<ul>
<li>没算准实际要跨的行数：比如想跨 3 行却写了 <code>rowspan="2"，结果最后一行空缺或挤占隔壁列
<td>：浏览器会强行补列，导致整行偏移（这是最常踩的坑）
<li>在 <code><thead> 里用了 <code>rowspan，但 <tbody> 对应列没做相应跳过，表头和数据列错位
<li>和 <code>colspan 混用时没对齐逻辑结构，尤其嵌套复杂表格时容易漏掉某一行的单元格一个能直接运行的 rowspan 实例
下面是一个 3 行 3 列的表格，让第一列第一个单元格跨 3 行：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
| 总负责人 | 张三 | 85 |
| 李四 | 92 | |
| 王五 | 78 |
注意：第 2、3 行的 <tr> 中**不能再写第一个 <code><td>**，否则就多出一列，表格会向右偏移。浏览器靠 <code>rowspan 自动拉伸，不需要你手动“补空”。
rowspan 和 CSS 的 vertical-align 不是一回事
vertical-align 只控制单元格内容在单元格内的上下对齐（如 top、middle），它**不改变单元格本身占据的行数**。想让文字看起来“居中”，不能只靠 vertical-align: middle 就省掉 rowspan；反过来，用了 rowspan 之后，vertical-align 依然生效，可叠加使用。
真正容易被忽略的是：当 rowspan 跨行后，如果某一行设置了 height 或用了 flex 布局，可能影响整体行高计算——此时优先级是 HTML 结构（rowspan）主导，CSS 仅作用于内容定位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
