colspan不是合并单元格，而是让单个或渲染时占多列宽度；必须确保每行所有单元格colspan值（默认为1）之和等于表格总列数，否则浏览器自动补空或错位。

colspan 不是“合并单元格”，而是让一个 或 渲染时占多列宽度；写错值或忽略行内列数守恒，表格立刻错位。

colspan="2" 为什么没跨成两列？

常见错误是把 colspan 当作视觉指令，忽略它必须配合整行列数计算。浏览器不会报错，但会自动补空单元格或错行。

• colspan 值必须是正整数，colspan="0" 被忽略，colspan="-1" 或 colspan="abc" 直接失效
• 如果表格设计为 4 列，某行写了 A B，那这行只算 3 列（2 + 1），浏览器会在末尾补一个空 ，导致下一行对不齐
• 检查方法：用开发者工具选中该行 ，看「Computed」里「Layout」下的列宽分布是否连续、无断裂

  表头用了 colspan，tbody 怎么写才不崩？

  表头 的 colspan 不改变逻辑列数， 每行仍需填满相同列数——不是“看上去像几列”，而是“所有单元格的 colspan 值加起来等于总列数”。

  • 例如：表头是 销售 合计（共 4 列），那下面每行都必须贡献 4 列，比如 Q1 Q2 Q3 120，或 Q1+Q2 Q3 120
  • 导出 Excel（如用 SheetJS）时，colspan 计算偏差会导致列边框断裂、数据错列，务必在 HTML 阶段就验证每行列数总和
  • 动态生成时，别靠循环次数推 colspan，改用列索引差值：合并第 2 到第 4 列 → colspan = 4 - 2 + 1 = 3

  table-layout: fixed 下 colspan 宽度为啥不对？

  设了 table-layout: fixed 后，列宽由第一行或 决定，colspan 单元格只是把内容“铺”在已分配好的列区域上，不参与重新分配。

  • 若 只写了 3 个，但逻辑列数是 4，第 4 列宽度可能塌缩，colspan="2" 的单元格就会被挤进前两列宽度里，文字换行或溢出
  • 给 colspan 单元格单独设 width，在 fixed 模式下大概率被忽略；想控制宽度，优先定义 或首行各单元格的 width
  • 调试建议：临时删掉 table-layout: fixed，确认 colspan 行为正常后再加回来

  React/Vue 里写 colspan 容易漏掉什么？

  框架中 colspan 是 DOM 属性，不是普通 prop，大小写和类型都敏感。

  

  htmlppt.skill

  把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。

  下载
  • React 必须写成 colSpan={3}（驼峰、number 类型），传字符串 "3" 会触发 warning；Vue 模板中也推荐用 :colspan="3" 绑定数值
  • JS 操作后读 cell.colSpan 可能返回 1（浏览器归一化），要取原始值得用 cell.getAttribute('colspan')
  • 避免在 colspan 单元格里再嵌套表格，旧版 IE 和部分邮件客户端渲染异常，PDF 导出也容易断裂

  最常被忽略的是：colspan 不影响表格语义结构，它只改变渲染宽度。错位从来不是 colspan 本身的问题，而是某一行悄悄少算了一列。