即使沒有設置，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

嘗試使用line-height: 70px;

希望這有助於！

Answer 3

這是與行高有關。也許另一種辦法是爲第一段設定一個負邊界。

這裏是一個的jsfiddle例如

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

另外，您可以設置行高度自動以外的值（默認值）

Answer 4

每個font有被稱爲自己的垂直空間行高。這是H1的line-height。

入住這http://jsfiddle.net/6hCrC/4/

Answer 5

Ajust行高。 http://jsfiddle.net/6hCrC/13/

Answer 6

更好的解決方案是在這裏：

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