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

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 is killing¹⁰ experts-exchange