我正在制作一个网站,其中有一个大字体的 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/

10-11 23:32