Html 由于字体大小的原因，固定了下推文本的宽度和高度Div

我正在做一个处理HTML的小项目。我试图将文本定位在具有固定高度和固定宽度的

div

的中心。一切都是绝对定位的。但是，设置字体大小会将文本从实际矩形向下推。在同一页上，我有另一个矩形（在下面的例子中没有显示），它可以很好地工作（因为字体可能更小？）有人能告诉我发生了什么，以及我如何解决我的问题吗

.wrapper{
位置：固定；
宽度：120px；
高度：72px；
边框颜色：#000000；
边框样式：虚线；
}
#信箱位置{
位置：绝对位置；
顶部：-4.719643044619423px；
左：13.15069816272966px；
}
#信箱形状{
宽度：99.41917060367455px；
高度：64.46308661417323px；
背景：红色；
}
#信箱.字体{
字体大小：41px；/*罪魁祸首*/
字体系列：“lucida grande”，《泰晤士报》，衬线；
颜色：#22222；
文本对齐：居中；
}

a

要使文本居中，请使用父div上的

显示：表格

属性和文本元素上的

显示：表格单元格

以下是工作代码（我没有将红色背景div居中，因为这不是问题）：

.wrapper{
位置：固定；
宽度：120px；
高度：72px；
边框颜色：#000000；
边框样式：虚线；
}
#信箱位置{
位置：绝对位置；
顶部：-4.719643044619423px；
左：13.15069816272966px；
}
#信箱形状{
宽度：99.41917060367455px；
高度：64.46308661417323px；
背景：红色；
显示：表格；
}
#信箱.字体{
字体大小：41px；/*罪魁祸首*/
字体系列：“lucida grande”，《泰晤士报》，衬线；
颜色：#22222；
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
}

a

@MangoBoy这就是你需要的吗？谢谢！成功了！这正是我所需要的。为什么会这样呢？@MangoBoy Css表不同于html表。将父对象作为完整的表单元，并将其子对象作为单元格。之后，可以将“垂直对齐：中间”应用于该单元格。如果这是您问题的正确解决方案，请接受它。：）@如果你添加更多的内容，它也会动态调整。哦，我想我解决了这个问题。当您执行

display:table

时，似乎需要在其中包含一些内容。我在包装元素中添加了一个空白div，然后按应有的方式呈现高度值。干杯