html - 如何在彼此下方写下标和上标？

Question

我正在尝试创建这样的东西，两个数字彼此叠加(下标和上标):

如果不使用 MathJax 之类的任何复杂脚本，这是否可能？

Answer 1

我会围绕这两者寻找一个容器元素，显示为一个内联表:

.supsubcontainer {
    display:inline-table;
    vertical-align:middle;
}
.supsubcontainer sup, .supsubcontainer sub {
    display:table-row;
}

<p><span class="supsubcontainer"><sup>220</sup> <sub>86</sub></span> Rn</p>

您可能想尝试使用内联表的 line-height、font-size 和 vertical-align 来获取它看起来完全像你想要的。