上标改变了线高

Question

我有一个上标，正在弄乱线间距。我怎么做到这一点？

我试过

sup{vertical-align:0; position: relative;}

但这没有用。

有什么建议吗？

Answer 1

我们可以通过忽略<sup></sup>标记并直接使用

之类的东西来实现它

<span style="position:relative; top:0.3em;">

Answer 2

您可能需要尝试将sup元素的行高改为小于父文本。

sup{vertical-align:super; line-height:0.5em;}

http://en.wikipedia.org/wiki/Superscript有很多可以检查的例子。其中一些会增加父级的行高，有些则不会。

如果这不适合您，您也可以尝试

sup{vertical-align:top;}

Answer 3

sup{vertical-align:top; line-height:0.5em;}

这对我有用，即使我在样式表中定义了sup。我在<sup>和</sup>标记之间有一个应用样式的链接，但这似乎强制了保持行间距一致的预期效果。