HTMLで表現できなくて困っています。硫酸鉄の"FeSO４"などの表記の4を下にすこしずらしたいと思っているのですが、ではスタイルシートを使っている文字に対しては上手くいきません。是非どなたかお教えください。

こんにちは。もっとスマートな解決策があるんじゃないかと思いつつですが。１）下付き文字にする数字（質問で言えば「４」）のフォントサイズを小さくして２）その数字だけにを適用する。こんな感じです。（余分な部分は省略）～冒頭部省略～ p{font-size:20px;} ～中略～ FeS0 4 ～以下略～試してみてください。参考になれば幸いです。

JavaScriptバージョン document.write( "FeSO" + "4".sub() );

.txtsub{ vertical-align:sub; } として FeSO 4 "vertical-align"はいつ廃止になるかわかりませんが・・・

では、スタイルシートで下付きにしましょう。たとえば、 FeSO ４という感じではいかが？

下付き文字にするには？

解決済

質問者：noname#107402
質問日時：2002/03/15 15:36
回答数：4件

HTMLで表現できなくて困っています。

硫酸鉄の"FeSO４"などの表記の4を下にすこしずらしたいと思っているのですが、<sub>ではスタイルシートを使っている文字に対しては上手くいきません。

是非どなたかお教えください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#21343
回答日時：2002/03/15 16:10

　こんにちは。

　もっとスマートな解決策があるんじゃないかと思いつつですが。

１）下付き文字にする数字（質問で言えば「４」）のフォントサイズを小さくして
２）その数字だけに <vertical-align:sub;> を適用する。

　こんな感じです。（余分な部分は省略）

～冒頭部省略～
<style TYPE="text/css">
p{font-size:20px;}
</style>
～中略～
<p>FeS0<span style="font-size:14px;vertical-align:sub;">4</span></p>
～以下略～

　試してみてください。

　参考になれば幸いです。