Html上下指数

时间:2012-03-20 19:44:13

标签: html css markup

使用css上限或下限来放入html的任何方法,如:¹或¹(我也需要拉丁字母)。

4 个答案:

答案 0 :(得分:13)

使用<sup><sub>标记。

答案 1 :(得分:5)

HTML TAGS:尝试支持和子标记,...

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 :(得分:0)

我不太确定拉丁字母你想要什么,或者你知道拉丁字母是什么,但是你可以在这里找到的unicodes http://unicodelookup.com/#latin

如果你的意思是罗马数字,除了ol

外,HTML中没有自动翻译

答案 3 :(得分: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,请在开始广泛使用它们之前运行一些测试。测试一些浏览器以及文本段落中的上标和下标(以便您看到行间距问题)。