Html 如何删除文本下方的空白？

非常简单的问题：

HTML:

结果:

删除文本下方空白的最简单方法是什么（请不要黑客攻击），即定位文本，使其基线位于元素底部

预期结果：

---

它似乎在为“j”等较低的字母腾出空间。您可以设置div的高度，但如下所示：

div {
  background-color: rgba(255, 0, 0, 0.3);
  font-size: 70px;
  vertical-align: bottom;
    height: 70px
}

---

它似乎在为“j”等较低的字母腾出空间。您可以设置div的高度，但如下所示：

div {
  background-color: rgba(255, 0, 0, 0.3);
  font-size: 70px;
  vertical-align: bottom;
    height: 70px
}

---

更改

线高和
垫高的值

div {
    background-color: rgba(255, 0, 0, 0.3);
    font-size: 70px;
    line-height: 48px;
    padding-top: 8px;
}



div{
背景色：rgba（255,0,0,0.3）；
字体大小：70px；
线高：48px；
填充顶部：8px；
}
Hello-g-World
更改
行高
和
填充顶部的值

div {
    background-color: rgba(255, 0, 0, 0.3);
    font-size: 70px;
    line-height: 48px;
    padding-top: 8px;
}



div{
背景色：rgba（255,0,0,0.3）；
字体大小：70px；
线高：48px；
填充顶部：8px；
}
Hello-g-World
您是否尝试将边距和填充设置为0？进行绝对定位也应该有效。在您的示例中，您希望“g”字符的底部放在哪里？在粉色之外？例如：是的，外面的粉红色！不一定是标题，它可以是任何东西，普通文本，标签等等。有点旧（2012年，有点罗嗦！），但读起来很有趣。它专门讨论了基线。您是否尝试过将边距和填充设置为0？进行绝对定位也应该有效。在您的示例中，您希望“g”字符的底部放在哪里？在粉色之外？例如：是的，外面的粉红色！不一定是标题，它可以是任何东西，普通文本，标签等等。有点旧（2012年，有点罗嗦！），但读起来很有趣。它特别谈到了基线。请记住，不同字体的行高不同，例如，此示例在中是关闭的。@先生，您必须相应地设置
行高
，这取决于您的字体系列。对不起，我应该解释一下，粉红框的高度是固定的。这里有一个更新的问题：请记住，不同字体的行高不同，例如，此示例在中是关闭的。@先生，您必须相应地设置
行高
，这取决于您的字体系列。对不起，我应该解释一下，粉红色框的高度是固定的。以下是最新的问题：