表格中LaTeX/MathML公式不渲染的主因是DOM插入时机不当、display属性缺失及MathML闭合错误；MathML需显式设display="inline"，动态插入后须手动触发MathJax.typeset()或katex.render()，合并单元格内公式易错位，应避免用/模拟数学符号。
直接在 HTML 表格单元格里写 <math> 或用 $$ 包裹 LaTeX 公式，大概率不渲染——表格本身不阻断 MathJax/KaTeX，但 DOM 插入时机、display 属性缺失、MathML 闭合错误这三类问题最常导致公式“消失”。
表格里用 MathML 公式必须显式设 display="inline"
默认 <math> 是块级元素，放进 <td> 后会撑开整行高度、破坏表格布局。Chrome 尤其明显，Firefox 可能勉强 inline 但不可靠。
-
<td><math display="inline"><mi>x</mi><mo>=</mo><mn>1</mn></math></td>才能自然嵌入文本流 - 省略
display属性时，不同浏览器行为不一致，不是“偶尔失效”，而是“必然不可控” - 如果公式需居中且独占一行（如推导步骤），改用
display="block"+text-align: center控制，但<td>内仍要手动加vertical-align: middle对齐
innerHTML 动态插入 LaTeX 公式后需手动触发渲染
用 JS 往 <td> 里写 "$$E=mc^2$$" 字符串，MathJax 不会自动扫描——它只在页面加载时或 DOM 变更后有限重排，而表格单元格的 innerHTML 更新不属于默认监听范围。
- MathJax 用户：调用
MathJax.typeset([tdElement])，传入具体 DOM 节点，不要用MathJax.typeset()全局重排（性能差） - KaTeX 用户：用
katex.render("E=mc^2", tdElement, {displayMode: true})，注意displayMode: true对应$$...$$，false对应$...$ - 避免在循环里频繁调用渲染函数；批量更新后统一触发一次，或节流处理
表格合并单元格（rowspan/colspan）时 MathML 容易错位
当 <math> 放在 <td rowspan="2"> 里，Firefox 渲染可能把公式截断或错位到第二行底部——这不是样式问题，是 MathML 布局引擎对跨行容器的计算缺陷。
立即学习“前端免费学习笔记（深入）”；
- 临时解法：给该
<td>加style="vertical-align: top; padding-top: 4px;"微调视觉对齐 - 根治方法：改用 KaTeX 渲染（SVG 输出更稳定），或把公式移出合并单元格，用绝对定位覆盖（
position: relativeon<td>,position: absoluteon wrapper div） - 切勿用
<sup>/<sub>模拟分数或上下标——语义丢失、缩放失真、屏幕阅读器无法识别
最易被忽略的是：MathML 在表格中若含 <mtable>（比如矩阵），必须确保父 <td> 有明确宽度（如 min-width: 120px），否则 Firefox 会因宽度计算失败导致整个 <mtable> 不显示。这不是 bug，是规范要求——MathML 布局依赖容器约束，而表格单元格默认是“收缩包裹”的。
