撤消CSS中下标和上标标签的重置

Question

我们使用CSS重置文件命名从html到p到img等的每个元素，并重置边距，高度，大小等。一个非常标准的重置文件。但是，客户注意到他们的<sub>和<sup>标签没有显示为下标和上标。所以，我从重置文件中删除了和标记引用，希望能解决这个问题。它已经在FireFox和Safari中修复了它，但它仍然保留在IE6和IE7中。

这里有什么我想念的吗？这些标签是否在重置时从另一个标签继承其样式？并且，有没有办法使用CSS重新执行重置中<sub>和<sup>标记可能已撤消的任何内容？谢谢你的帮助。

Answer 1

sup {vertical-align: super; }
sub { vertical-align: sub; }

Answer 2

由于css重置可能会影响您的字体大小，我这样做了：

sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}

也许您应该在vertical-align上尝试不同的sub值，具体取决于您的浏览器。

Answer 3

如果没有看到您的重置文件，很难肯定。调试它的最简单方法是将重置文件加载到一个无聊的页面中，打破firebug，并确切地看到计算样式的样子。您的重置文件中可能还存在一些仅适用于IE的CSS hack。

您可以使用vertical-align和font调整来恢复原始外观，但我倾向于说如果重置的那部分不是，则删除影响这些元素的规则会更好期待。