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

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

我尝试了 vertical-align:top，但它在 FF 3.6 和 IE 中看起来不错，但在 FF 3.0 中却不是。

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

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

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

最佳答案

获得一致渲染的最佳机会是真正的上标:

HTML

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

CSS

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

现场直播

关于css - 如何在不中断行高的情况下获得跨浏览器<sup>？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2558035/