有没有办法在 HTML 中的特定字母上直接写小文本？答案

【问题标题】：Is there a way to write small text directly over particular letters in HTML?有没有办法在 HTML 中的特定字母上直接写小文本？
【发布时间】：2021-09-22 17:53:46
【问题描述】：

这里完全是业余爱好者。我正在做一个小小的个人项目，需要能够将数字直接放在上面的某些字母上，如下所示：

我目前的方法是将方程式嵌入为 jpeg，但想知道是否有更好的方法来做到这一点（最好，但不一定，在纯 HTML 中）？（希望类似于 Microsoft word 上的 /above 功能）谢谢您的帮助。

【问题讨论】：

标签： html string subscript superscript

【解决方案1】：

我不知道你是否可以只使用 HTML，但有 mathJax 这是

适用于所有浏览器的数学 JavaScript 显示引擎。

【讨论】：

感谢您让我知道，这肯定是我会研究的。

【解决方案2】：

使用上标和下标标签。

sup {
  left: -.5em;
  top: -.5em;
  margin-left: -1em;
  position: relative;
}

K&lt;sub&gt;2&lt;/sub&gt;Cr&lt;sub&gt;2&lt;/sub&gt;&lt;sup&gt;+6&lt;/sup&gt;O&lt;sub&gt;7&lt;/sub&gt;

您正在寻找这样的东西吗？它可能需要根据您尝试表示的确切公式进行一些微调，但我认为它可以作为概念验证。

【讨论】：

太完美了！非常感谢，我不知道为什么我从来没有想过使用 CSS，我一直在思考这个问题！我会将其标记为解决方案。
我很高兴听到这个消息！与 Alessio 类似，我还建议您研究诸如 MathJax 或（我最喜欢的）Katex 之类的排版库，它们可以帮助您减少麻烦。