即使没有设置，H1标签仍然在底部有填充或边距

Question

H1标签底部仍有填充或边距，即使没有设置。

我有一个h1标签和下面的一些文字。我在两者上设置了margin和madding为0，文本仍然不在h1文本的正下方。

我创造了一个js小提琴来说明我的观点

http://jsfiddle.net/6hCrC/

Answer 1

没有填充。默认line-height只分配空间，文本中没有带下划线的字符（如p，q和g）。

http://jsfiddle.net/6hCrC/1/

Answer 2

每个font都有自己的垂直空间，称为 line-height 。这是 H1 的line-height。

选中此http://jsfiddle.net/6hCrC/4/

Answer 3

尝试使用line-height: 70px;

希望这有帮助！

Answer 4

这与行高有关。也许另一种方法是为第一段设置负余量。

这是一个jsfiddle示例

http://jsfiddle.net/6hCrC/3/

或者，您可以将行高设置为auto（默认值）

以外的值

Answer 5

调整线高。 http://jsfiddle.net/6hCrC/13/

Answer 6

这里更好的解决方案是：

h1, h2, h3, h4 {line-height: 1em;}