Html 文本标签上方的填充是什么?如何处理?

Html 文本标签上方的填充是什么?如何处理?,html,css,Html,Css,我在我的页面上添加了一个标签,标签上方有填充物,所以它不在我设计的位置。我想删除文本上方的所有空格,使其与我设置的位置齐平。字体越大,距离我设置的位置越远 这到底是怎么回事 以下是其中一个标签的代码: <label id="Label1551">12pt</label> #Label2125 { position:absolute; left:309px; top:5px; width:150px; height:61px;

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

这到底是怎么回事

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

<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;
}
12pt
#Label2125{
位置:绝对位置;
左:309px;
顶部:5px;
宽度:150px;
高度:61px;
颜色:#000000;
字体大小:正常;
字体系列:Arial;
字体大小:64px;
}
我在标签周围添加了一个轮廓,以便您可以看到结果

更新
这里有更多更新的代码。尽管差距较小,但我仍然看到顶部的差距。这是更新后的屏幕截图。除了线路高度之外,是否还有其他问题


这不是填充,而是
行高。我看到您没有在css中指定行高,但它将继承样式表中的
行高
。因此,请尝试指定一个
行高
字体大小

相同的行高,该行高不是填充,而是
行高
。我看到您没有在css中指定行高,但它将继承样式表中的
行高
。因此,请尝试指定与
字体大小相同的
行高

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

检查这个

您可以使用以下两个属性进行管理:

height:50px;    
line-height:50px;
让我解释一下,如果要删除顶部空间,请设置
height
以及
line height
属性(请参见jsFiddle演示)


字体大小设置为64px,但实际大小约为
50px
。因此,要删除这个额外的
14px
空间,请设置“高度”以及“行高”属性以删除不需要的空间。

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

检查这个

您可以使用以下两个属性进行管理:

height:50px;    
line-height:50px;
让我解释一下,如果要删除顶部空间,请设置
height
以及
line height
属性(请参见jsFiddle演示)


字体大小设置为64px,但实际大小约为
50px
。因此,要删除这个额外的
14px
空间,请设置height和line height属性以删除不需要的空间。

这有助于删除大部分顶部空间。我已经更新了我的示例,但是还有一点空间。您知道是否有任何其他属性影响顶部空间吗?@1.21gigawatts形式之一:
该空间属于字符本身;这意味着您必须通过字体编辑器应用程序编辑字体,使字符在其代码点中垂直对齐。
这有助于删除大部分顶部空间。我已经更新了我的示例,但是还有一点空间。您知道是否有任何其他属性影响顶部空间吗?@1.21gigawatts形式之一:
该空间属于字符本身;这意味着您必须通过字体编辑器应用程序编辑字体,使字符在其代码点中垂直对齐。
我已更新CSS以包括行高,但随着字体大小的增加,会增加间距。我已经包括了一个更新的屏幕截图并链接到更新的代码。我已经更新了CSS以包括行高,但是随着字体大小的增加,会增加一个间隙。我已经包括了一个更新的屏幕截图和链接到更新的代码。