2012-03-20 85 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,請在開始廣泛使用它們之前運行一些測試。在幾個瀏覽器上進行測試,並在文本段落中使用上標和下標(以便查看行距問題)。