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

Question

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

Answer 1

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

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

sup { bottom: 1ex; }
sub { top: .5ex; }

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

之前:

后:

资源