MathML公式默认不居中，需用CSS控制：最稳妥方案是设display: block并配合margin: 0 auto，或用text-align: center包裹；maligngroup仅用于多行公式内部对齐，与页面居中无关。
MathML 公式默认不居中，得靠父容器控制
HTML5 里写 <math></math> 不会自动居中，它只是行内元素，表现和 <span></span> 类似。真正起作用的是外层 HTML 容器的 CSS 布局方式，不是 MathML 标签本身。
- 直接给
<math></math>加style="display: block; margin: 0 auto;"最快见效，但需确保父容器没限制宽度或触发 BFC 异常 - 用
<div style="text-align: center"> 包一层也行，但注意 <code>text-align对 block-level 的<math></math>无效，必须配合display: inline-block或保留默认 inline 行为 - 若公式在
<p></p>里，text-align: center在<p></p>上才管用——很多人漏了这层嵌套关系 - 必须成对使用：
maligngroup="true"要出现在同一列的多个<mi></mi>/<mo></mo>上，否则无效 - 只影响列内对齐，不影响公式整体位置；想居中还得回到上一节说的 CSS 方案
- 浏览器支持不一致：Firefox 支持较好，Chrome/Safari 对
maligngroup的解析较弱，实测常被忽略 - 写法示例：
<div style="text-align: center"> <math display="block" style="margin: 0 auto;"> <mi>x</mi><mo>=</mo><mn>1</mn> </math> </div> -
display="block"是 MathML 原生属性（非 CSS），告诉渲染引擎当块级处理；style="margin: 0 auto"才真正触发水平居中 - 如果公式太宽超出容器，
margin: auto会失效——这时要先检查是否用了overflow-x: auto或缩放方案，而不是怪 MathML - 加
style="max-width: 100%; transform: scale(0.85); transform-origin: center;"可控缩放，但注意transform会影响margin: auto的基准，建议用包裹<div> 控制尺寸 <li>避免用 <code>font-size缩放整个<math></math>，会导致符号比例失调（比如积分号变小但上下限没跟上） - 部分旧版 iOS Safari 对 MathML 支持极差，真要保兼容，得 fallback 到 KaTeX 或 SVG 渲染——这点常被忽略，直到 QA 测出白屏 事情说清了就结束。
maligngroup 不是居中工具，是多行公式内部对齐机制
maligngroup 只在 <mtable></mtable>（类似表格的多行公式）里生效，用来对齐等号、加号这类运算符，和页面级居中完全无关。滥用它试图“让整块公式居中”，结果只会是没反应或布局错乱。
用 display: block + margin: auto 是最稳的居中法
这是目前兼容性最好、行为最可预测的方式，绕过所有 MathML 渲染差异，交由 CSS 引擎统一处理。
移动端或响应式场景下，max-width 和 scale 得手动干预
MathML 公式不会自动适配小屏幕，文字和符号容易溢出或挤压。CSS 居中只是第一步，缩放才是实际可用的关键。
立即学习“前端免费学习笔记（深入）”；
