Html上下のindecies

Question

のようなCSSの上下のindeciesを使用してHTMLに入れる方法：¹または₁（私もラテン文字が必要です）。

Answer 1

HTML TAGS：CSSを使用してトライSUPとサブタグ、...

Demo

その他のオプション：

<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> 

Answer 2

<sup>と<sub>タグを使用してください。

Answer 3

チェックアウトCSSでの上付き添字については、この参照：

Superscript and Subscript | HTML Dog

Answer 4

私はあなたがラテン何の文字を知っていればあなたはラテン文字で欲しいか、何をかなりわからないんだけど、ユニコードのことができます。あなたは、オール

Answer 5

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

を除き、HTMLには自動翻訳ローマ数字が存在しないことを意味ここ場合 http://unicodelookup.com/#latin

を見つけます

必要に応じて値を調整します。特に、上付き文字が添付されている文字に応じて、さまざまな状況に応じて異なるクラスを使用することをお勧めします。たとえば、 "A"のような大文字の後に、上付き文字をかなり高く配置する必要があります。

なぜクラスとCSSですか？

HTMLには、これにちょうど適切なマークアップがあるように見えますが、supとsubにはいくつかの欠点があります。それらのレンダリングはブラウザ間で一貫性がなく、頻繁に文字が貧弱です。垂直配置とサイズの両方が不十分な場合があります。 CSSでこれを修正するのは簡単かもしれませんが、サイジングの奇妙なIEバグが原因です。パーセンテージが正しく解釈されません。さらに、supとsubは、不均一な行間隔を作成することがあります。

supとsubを使用する場合は、広範囲に使用する前にいくつかのテストを実行してください。いくつかのブラウザでテストし、テキスト段落内の上付き文字と下付き文字を使用してテストします（行間の問題が表示されるように）。