如何在不中断行高的情况下获得跨浏览器^？

Question

如何在不中断行高的情况下获取跨浏览器<sup>？

我尝试了vertical-align:top，但在FF 3.6和IE中看起来没问题，但在FF 3.0中却没有。

如何在不中断行高的情况下，在所有浏览器中获得相同大小（最高文本大小）和<sup>相同位置。

我正在使用<sup>来表示脚注？不显示权力

<p> Stackoverflow is killing<sup>10</sup> experts-exchange</p>

Answer 1

一致渲染的最佳机会是真正的上标：

<强> HTML

<p>Stackoverflow is killing<span class="unicode">¹⁰</span> experts-exchange</p>

<强> CSS

.unicode
{
    font-family: 'Lucida Sans Unicode', 'DejaVu Sans', 'Arial Unicode MS';
}

<强>活

  

Stackoverflow正在杀死⁰专家交流

Answer 2

sup {
    vertical-align: super;
    height: 0;
    line-height: 1;
}

如果这不起作用，你可以再进一步..

sup{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    bottom: 1ex;
}

Answer 3

vertical-align: text-top;