应使用 rowspan 属性实现单元格跨行显示，其值为正整数，需避免后续行重复定义被跨越单元格；嵌套表格和 CSS Grid 是两种替代方案，分别适用于兼容性要求高和语义化布局场景。
如果您在使用 HTML5 创建表格时需要实现单元格跨行显示，实际应使用 rowspan 属性而非 colspan；colspan 用于跨列合并，而跨行合并需通过 rowspan 控制。以下是实现表格单元格跨行显示的具体方法：
一、使用 rowspan 属性实现跨行合并
rowspan 属性定义一个单元格应横跨的行数，浏览器会自动将该单元格垂直延伸至指定行数，并跳过后续对应位置的
1、在需要跨行的
2、确保同一列中被跨越的后续行不再设置重复的
立即学习“前端免费学习笔记（深入）”；
3、验证表格结构是否闭合：每行
二、嵌套表格法模拟跨行效果
当 rowspan 在复杂布局中难以精确控制时，可在单个
1、在目标
| 布局内容。
3、为子表格设置 width="100%" 和 border-collapse: collapse（通过 style 属性内联或外部 CSS），使其与外层表格边界对齐。 三、CSS Grid 替代方案实现跨行布局脱离传统 table 元素，改用语义化容器配合 CSS Grid 可完全自定义行列跨度，规避 rowspan 的结构性约束，尤其适合数据展示与样式分离需求高的场景。 1、将表格区域替换为 容器，并设置 display: grid。
2、通过 grid-template-rows 和 grid-template-columns 定义行列轨道。 3、对需跨行的单元格元素应用 grid-row: span 2（或其他数值），实现等效跨行占位。 |
