首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML <sup/> 标签影响线高,如何使其一致?

HTML <sup/> 标签影响线高,如何使其一致?
EN

Stack Overflow用户
提问于 2018-03-22 04:16:26
回答 2查看 0关注 0票数 0

如果我在多行<p>标签中有一个<sup>标签,那么带有上标的行比其他行具有更大的行间距,而不管我放在<p>标签上的行高是多少。

澄清:我不是说我有很多<p>标签,每个都在一行上。 我有一个带有足够内容的<p>来引起包装到多行。 文本中的某处(任何地方)可能有<sup>或<sub>。 这会通过在上面/下面添加额外的间距来影响该行的行高。 如果我在<p>上设置更大的行高,这对问题没有任何影响。 线高增加,但额外的间距仍然存在。

我该如何使它保持一致,即所有行无论是否包含<sup>都有相同的间距?

你的解决方案必须是跨浏览器(IE 6 +,FF,Safari,Opera,Chrome)。

EN

Stack Overflow用户

发布于 2018-03-22 13:20:45

sup {
        font-size: 0.83em;
        vertical-align: super;
        line-height: 0;
    }

诀窍是设置<sup>的行高为0。

这意味着你不用改变周围文字的线条高度,以适应上标文本。我已经在IE7+和其他主要浏览器中测试过这个。

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007728

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档