使用<sup>和<sub>保持一致的行间距

Dan*_*ett 1 css

添加<sup><sub>标记可以摒弃文本块的行间距,我该如何防止这种情况?

之前

Dan*_*ett 5

使用CSS覆盖默认浏览器样式:

sup, sub
{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}

sup { bottom: 1ex; }
sub { top: .5ex; }
Run Code Online (Sandbox Code Playgroud)

请注意,在版本7之前,IE vertical-align在其他浏览器中处理独特.使用这种方法,我需要IE 6及更低版本的下划线黑客.

之前:

之前

后:

后

资源