我正在制作一个网站,其中有一个大字体的 h1。我想做的是制作一个与文本顶部对齐的上标,但无论我做什么 sup 都没有正确对齐。
这是我正在做的工作!
http://plunker.co/edit/gnS915O9PVAe9VKktqFh?p=preview
所以在这个 plunk 中,我试图让“TM”成为 ACME 的上标。然而,它
标记是这样的:
<h1>
acme
<sup>TM</sup>
</h1>
风格是这样的:
body {
padding: 60px;
font-size: 10px;
}
h1 {
font-size: 12em;
text-transform: uppercase;
line-height: 1em;
}
h1 sup {
font-size: .1em;
vertical-align: super;
}
最佳答案
设置垂直对齐和行高:
h1 sup {
font-size: .1em;
vertical-align: top;
line-height: 35px;
margin-left: -30px;
}
我更新了答案,以负边距将 sup 推向左侧。
Plunker:http://plnkr.co/T45y7ob43mdNY3fvC73S?p=preview
关于html - 如何将 h1 中的 "sup"与大字体对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15887959/