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

【问题标题】：Undo reset on subscript and superscript tags in CSS撤消 CSS 中下标和上标标签的重置
【发布时间】：2010-12-06 10:38:33
【问题描述】：

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

这里有什么我遗漏的吗？这些标签是否从重置中的另一个标签继承了它们的样式？而且，有什么方法可以使用 CSS 重新执行重置中  和  标记可能已撤消的任何操作？感谢您的帮助。

【问题讨论】：

您仍然缺少 和 的出现。

标签： css reset

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

没有看到您的重置文件，很难确定。最简单的调试方法是将你的重置文件加载到一个无聊的页面中，打开萤火虫，然后看看计算出来的样式到底是什么样的。您的重置文件中可能还有一些仅适用于 IE 的 CSS hack。

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

【讨论】：