2012-03-20 55 views

回答

5

HTML标签:尝试SUP和子标签,...

Demo

其他选项使用CSS:

<style type="text/css"> 
#sup, 
#sub { 
    height: 0; 
    line-height: 1; 
    vertical-align: baseline; 
    _vertical-align: bottom; 
    position: relative; 

} 

#sup { 
bottom: 1ex; 
} 

sub { 
top: .5ex; 
} 
</style> 
+2

啊,打我26秒。另外,请不要链接到www.w3fools.com! – 2012-03-20 19:46:27

+0

谢谢。我没有想法如何谷歌它的权利:) – Ockonal 2012-03-20 19:47:35

10

使用<sup><sub>标签。

0

我不太清楚你想用拉丁字母或如果你知道拉丁字母是什么,但统一码即可发现这里http://unicodelookup.com/#latin

如果你的意思是罗马数字,还有HTML中没有自动翻译,除了一个OL

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

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

为什么要使用类和CSS?

尽管HTML似乎对此有正确的标记,supsub,但它们有几个缺点。它们的渲染在各种浏览器中不一致,并且通常在印刷上很差:垂直位置和大小都不足。在CSS中修正这个问题似乎很容易,但它不是,由于在调整它们的大小时存在一个奇怪的IE错误:它错误地解释了百分比。此外,supsub通常会产生不均匀的行间距。

如果您打算使用supsub,请在开始广泛使用它们之前运行一些测试。在几个浏览器上进行测试,并在文本段落中使用上标和下标(以便查看行距问题)。