文本标签上方的填充是什么，我该如何处理？

Question

我在页面上添加了一个标签，标签上方有填充物，因此它不在我设计的位置。我想删除文本上方的所有空格，使其与我设置的位置齐平。字体越大，离我设置的位置越远。

这到底是怎么回事？

以下是其中一个标签的代码：

<label id="Label1551">12pt</label>

#Label2125  {
    position:absolute;
    left:309px;
    top:5px;
    width:150px;
    height:61px;
    color:#000000;
    font-weight:normal;
    font-family:Arial;
    font-size:64px;
}

我在标签周围添加了一个轮廓，以便您可以看到结果。

更新：
这里有更新的代码http://jsfiddle.net/6gLQU/8/。虽然差距较小，但我仍然看到了顶部的差距。这是更新的屏幕截图。除了线高以外还有其他问题吗？

Answer 1

这不是填充，而是line-height。我发现您尚未在css中指定行高，但它会从样式表继承line-height。因此，请尝试line-height与font-size

相同

Answer 2

是的，您可以使用以下方法删除不需要的顶部/底部字体空间。这与填充样式不同。

检查此jsFiddle

您可以使用以下两个属性

进行管理

height:50px;    
line-height:50px;

让我解释一下，如果要删除顶部空间，请设置height以及line-height属性（请参阅jsFiddle演示）。

font-size设置为64px，但实际大小约为50px。因此，要删除此额外的14px空格，请设置高度以及line-height属性以删除不需要的空间。