HTML上下指标

Question

使用css上下符号的任何方式放入html，例如：¹或₁（我也需要拉丁字母）。

Answer 1

HTML标记：尝试使用sup和sub标记，...

Demo

使用css的其他选项：

.sup,
.sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

.sup {
  bottom: 1ex;
}

.sub {
  top: .5ex;
}

text <span class=sup>upper</span><span class=sub>lower</span>

Answer 2

使用<sup>和<sub>标签。

Answer 3

我不太确定您要使用拉丁字母还是知道拉丁字母是什么，但是您可以在这里找到unicode http://unicodelookup.com/#latin

如果您的意思是罗马数字，HTML中没有自动翻译，除了ol

Answer 4

<style>
.sub, .sup { position: relative; font-size: 80%; }
</style>
...    
<span class=sub>a</span> (subscript)
<span class=sup>a</span> (superscript)

根据需要调整值。特别是，您可能希望针对不同的情况使用不同的类，尤其是取决于上标所附加的字母。例如，在大写字母（如“ A”）之后，应将上标放置在较高的位置。

为什么要使用类和CSS？

尽管HTML似乎为此具有正确的标记sup和sub，但它们有几个缺点。它们的呈现在浏览器中不一致，并且在印刷上通常很差：垂直放置和尺寸都可能不足。在CSS中解决此问题似乎很容易，但并非如此，原因是IE大小调整时会出现奇怪的IE错误：它错误地解释了百分比。此外，sup和sub通常会产生不均匀的行距。

如果打算使用sup和sub，请在开始广泛使用它们之前进行一些测试。在一些浏览器上进行测试，并在文本段落中添加上标和下标（以便您看到行距问题）。