math-style: compact 无效，因它未被任何css规范采纳，浏览器完全不支持；真正可行的是vertical-align、line-height等实际样式或mathjax/katex内部指令。
math-style: compact 不是标准 CSS 属性，浏览器不支持，也不能用于控制行内公式的紧凑排版。
为什么 math-style: compact 会失效
这个值从未被任何 CSS 规范采纳，MDN、CanIUse 和 W3C 候选推荐文档中均无定义。它既不是 CSS Math Module 的一部分，也不在任何浏览器的实现列表里。尝试在样式中写 math { math-style: compact; } 或 span.formula { math-style: compact; }，CSS 解析器会直接忽略该声明——连警告都不会抛出。
- Chrome、Firefox、Safari 均不识别
math-style这个属性名 - 即使拼写为
math-style，也没有浏览器为其提供 fallback 行为或实验性支持 - 部分旧版 MathJax 配置项里出现过类似关键词，但那是 JS 层配置，和 CSS 无关
真正能缩小行内公式垂直占用的可行方法
行内公式“太占行高”是常见痛点，根源在于默认数学字体基线、上下标高度和行距叠加。解决方向不是虚构属性，而是干预实际渲染链：
- 用
vertical-align微调对齐：比如math { vertical-align: -0.2em; }，把公式整体下拉一点，缓解撑高段落 - 收紧
line-height：对包裹公式的容器（如<span class="math-inline"></span>）设line-height: 1.1;，但需注意别让上下标被截断 - 限制上下标尺寸：MathML 中可给
<msub></msub>/<msup></msup>加scriptlevel="1"降级字号；LaTeX 中用\scriptstyle或\tiny（仅限 MathJax/KaTeX） - 避免嵌套过深：例如
a^{b^{c}}在行内会显著增高，可改写为a^b后另作说明
MathJax 和 KaTeX 中的紧凑控制（非 CSS）
如果你用的是 MathJax 或 KaTeX，紧凑效果要靠它们自身的宏或配置，而非 CSS：
- MathJax v3：在 LaTeX 公式中用
\textstyle替代默认\displaystyle，例如\( \textstyle \sum_{i=1}^n x_i \) - KaTeX：支持
\textstyle和\scriptstyle，也提供\small等字体命令，但必须写在公式内部 - 两者都不响应外部 CSS 的 “compact” 指令；所谓“紧凑模式”只能靠公式级指令或预设环境（如
aligned）控制布局密度
真正起作用的永远是具体可测的样式属性或渲染引擎指令，而不是听上去很专业的伪 CSS 值。别在调试工具里徒劳地搜索 math-style 的生效痕迹——它根本不在那里。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
