首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 ><H2>接<Sup>

<H2>接<Sup>
EN

Stack Overflow用户
提问于 2015-06-11 22:30:48
回答 3查看 811关注 0票数 0

嗯,我有一个带有公司名称的H2标签,在同一行中,我们需要一个上标标签(TM),我有:

代码语言:javascript
复制
<h1 class="Red">Company Name</h1><sup>&#8482;</sup>

我得到:

公司名称

我想有一种方法可以避免这些标签之间使用CSS或其他东西之间的换行符,但我无法弄清楚,我会感谢任何帮助。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-06-11 22:35:44

正确的格式是将整个短语封装在<h1>标记中,如下所示

<h1 class="Red">Company Name<sup>&#8482;</sup></h1>

票数 3
EN

Stack Overflow用户

发布于 2015-06-11 22:48:43

请记住,您应用于h1标记的任何样式都将应用于您的sup标记。

代码语言:javascript
复制
<h1 class="Red">Company Name<sup>&#8482;</sup></h1>

我在sup标签中遇到的主要问题是,它们可以在包含它们的线上向上推高。下面的CSS很容易修复,只是觉得值得一提。

代码语言:javascript
复制
h1.Red sup { line-height: .1em;}
票数 1
EN

Stack Overflow用户

发布于 2015-06-11 22:32:41

将此添加到CSS中。

代码语言:javascript
复制
.Red {
    display:inline;
}

标头标签默认为换行,因此需要将其设置为内联显示,这将不会在结束h标记之后中断。

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

https://stackoverflow.com/questions/30792535

复制
相关文章

相似问题

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