如何同时显示下标和上标？

Question

我想显示该公式：

一般来说，我看到人们使用类似的东西，但是却不能满足要求：

θ^（T-20） _FPOP

Answer 1

您可以通过使用表格并相应设置样式来实现。 我做了一个正确的示例here。

这是它在html中的外观。您给“ 0”一个行跨度，因此它将是两个表行的大小。然后，您只需将上标/下标添加到单行中即可。

<table>
    <tr>
      <td rowspan="2" class="row2">0</td>
      <td class="small">(T-20)</td>
    </tr>
    <tr>
      <td class="small">FPON</td>
    </tr>
</table>

Answer 2

在CSS中使用位置效果很好。

.sup-sub {
  position: relative;
}
.sup-sub > sub:nth-child(2),
.sup-sub > sup:nth-child(2) {
  position: absolute;
  left: 0;
}

.sup-sub > sub:nth-child(2) {
  bottom: -0.5em;
}
.sup-sub > sup:nth-child(2) {
  top: -0.5em;
}

<p>
  OOO
  <span class = 'sup-sub'>
    <sub>222</sub>
    <sup>2222</sup>
  </span>
</p>

<p>
  OOO
  <span class = 'sup-sub'>
    <sup>2</sup>
    <sub>222</sub>
  </span>
</p>

Answer 3

这里还有一个示例（基于 MathJax ）：

window.MathJax = {
  config: ["MMLorHTML.js"],
  jax: ["input/TeX", "input/MathML", "input/AsciiMath", "output/HTML-CSS", "output/NativeMML"],
  extensions: ["tex2jax.js", "mml2jax.js", "asciimath2jax.js", "MathMenu.js", "MathZoom.js"],
  asciimath2jax: {
    delimiters: [
      ['`', '`'],
      ['$', '$']
    ]
  },
  TeX: {
    extensions: ["AMSmath.js", "AMSsymbols.js", "noErrors.js", "noUndefined.js"]
  },
  tex2jax: {
    inlineMath: [
      ['$', '$'],
      ["\\(", "\\)"]
    ],
    processEscapes: true
  }
};

.MathJax_CHTML {
  font-size: 30px !important;
}

<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<h1> MathJax virtually aligned superscript and subscript </h1>
<p>
  $\theta^{(T-20)}_{FPON}$
</p>