colspan不是合并单元格，而是让单个或渲染时占多列宽度；必须确保每行所有单元格colspan值（默认为1）之和等于表格总列数，否则浏览器自动补空或错位。
colspan 不是“合并单元格”，而是让一个 <td> 或 <code><th> 渲染时占多列宽度；写错值或忽略行内列数守恒，表格立刻错位。<h3>colspan="2" 为什么没跨成两列？</h3>
<p>常见错误是把 <code>colspan 当作视觉指令，忽略它必须配合整行列数计算。浏览器不会报错，但会自动补空单元格或错行。
-
colspan值必须是正整数，colspan="0"被忽略，colspan="-1"或colspan="abc"直接失效 - 如果表格设计为 4 列，某行写了
<th colspan="2">A</th> <td>B</td>，那这行只算 3 列（2 + 1），浏览器会在末尾补一个空<td>，导致下一行对不齐<li>检查方法：用开发者工具选中该行 <code><tr>，看「Computed」里「Layout」下的列宽分布是否连续、无断裂<h3>表头用了 colspan，tbody 怎么写才不崩？</h3> <p>表头 <code><thead> 的 <code>colspan不改变逻辑列数，<tbody> 每行仍需填满相同列数——不是“看上去像几列”，而是“所有单元格的 <code>colspan值加起来等于总列数”。- 例如：表头是
<th colspan="3">销售</th> <th>合计</th>（共 4 列），那下面每行都必须贡献 4 列，比如<td>Q1</td> <td>Q2</td> <td>Q3</td> <td>120</td>，或<td colspan="2">Q1+Q2</td> <td>Q3</td> <td>120</td> - 导出 Excel（如用 SheetJS）时，
colspan计算偏差会导致列边框断裂、数据错列，务必在 HTML 阶段就验证每行列数总和 - 动态生成时，别靠循环次数推
colspan，改用列索引差值：合并第 2 到第 4 列 →colspan = 4 - 2 + 1 = 3
table-layout: fixed 下 colspan 宽度为啥不对？
设了
table-layout: fixed后，列宽由第一行或<col>决定，colspan单元格只是把内容“铺”在已分配好的列区域上，不参与重新分配。
htmlppt.skill下载把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 若
<col>只写了 3 个，但逻辑列数是 4，第 4 列宽度可能塌缩，colspan="2"的单元格就会被挤进前两列宽度里，文字换行或溢出 - 给
colspan单元格单独设width，在fixed模式下大概率被忽略；想控制宽度，优先定义<col width="20%">或首行各单元格的width - 调试建议：临时删掉
table-layout: fixed，确认colspan行为正常后再加回来
React/Vue 里写 colspan 容易漏掉什么？
框架中
colspan是 DOM 属性，不是普通 prop，大小写和类型都敏感。- React 必须写成
colSpan={3}（驼峰、number 类型），传字符串"3"会触发 warning；Vue 模板中也推荐用:colspan="3"绑定数值 - JS 操作后读
cell.colSpan可能返回1（浏览器归一化），要取原始值得用cell.getAttribute('colspan') - 避免在
colspan单元格里再嵌套表格，旧版 IE 和部分邮件客户端渲染异常，PDF 导出也容易断裂
最常被忽略的是：colspan 不影响表格语义结构，它只改变渲染宽度。错位从来不是 colspan 本身的问题，而是某一行悄悄少算了一列。
- 例如：表头是
