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

Question

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

我有一个 h1 标签和下面的一些文字。我将两者的边距和 madding 都设置为 0，但文本仍然不在 h1 文本的正下方。

我创建了一个 js fiddle 来说明我的观点

score 12 · Accepted Answer

没有填充。文本中只有默认分配的空间，line-height并且没有带有降序的字符（如 p、q 和 g）。

score 5 · Accepted Answer

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

score 3 · Accepted Answer

3

尝试使用line-height: 70px;

希望这可以帮助！

于 2012-06-15T10:26:31.153 回答

score 1 · Accepted Answer

这与行高有关。也许另一种选择是为第一段设置负边距。

这是一个jsfiddle示例

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

score 1 · Accepted Answer

1

于 2012-06-15T10:29:01.577 回答

score 0 · Accepted Answer

0

这里更好的解决方案是：

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

于 2014-06-02T03:45:46.357 回答

6 回答 6