css - CSS背景：背景框外的字母g，p

Question

我有以下情况：我想要一个标题后面没有填充的背景，但某些字母 - 如 g，p - 在框外。

看起来很简单，但找不到无缝包含所有字母的方法：

• 背景框外没有字母部分
• 例如，在 l 或大写字母上没有额外的空间/颜色。

你能帮忙吗？

h2{
  background:#b2bec3;
  color:#444;
  display:block;
  font-family:'Roboto';
  font-weight:700;
  line-height:1;
  font-size:35px;
  padding:0;
}

<h2>This is a heading or a paragraph text</h2>

标签： cssfontsbackgroundbackground-color

Answer 1

就像@Temani Afif 在您帖子下方的评论中所说的那样，您必须深入研究 JS。最好的选择是稍微提高行高

    line-height: 1.2;