html - 从 H(标题)标签中删除顶部/底部填充

Question

我看到很多帖子试图解决这个问题，但我的填充仍然存在。如何(如果可能)移除 H1、H2、H3 标签等的顶部/底部填充/边距。

h1 {
  outline: 1px solid red;
  padding: 0px;
  margin: 0px;
}

<h1>hello world</h1>

Answer 1

您已经删除了顶部和底部的填充和边距。您在示例中看到的字母上方和下方的空间是由于行高(默认设置取决于您的浏览器)。您可以通过添加不同的设置来减少它，但请始终记住，某些字母需要上方和下方的空间，这也取决于使用的字体，这些字体可能因这些所需的垂直空间量而异:

h1 {
  border: 1px solid green;
  padding: 0px;
  margin: 0px;
  line-height: 100%;
}

<h1>hello - mind letters like these: jQÜØgpÄy</h1>