如何在彼此之下写下标和上标？

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，以使其看起来完全符合您的要求。

Answer 2

Try this jsFiddle

<sup>220</sup><sub style="margin-left:-15px">86</sub><span style="margin-left:3px;">Rn</span>

优点：无表格设计 缺点：您需要根据字符（即数字）匹配左边距。