Html 如何使字体能够占据其父容器的整个区域

如您所见，拇指位于其父区域上方。 用户界面布局不可接受

以下是预期结果。 我试着用一个负数来表示底线， 或者尝试在FLEX布局中制作它们。 它们都不起作用。 有什么想法吗

父容器 字体图标显示在BEFORE属性上

---

看起来容器的高度是

55px

。您可以做的是添加规则

行高：55px到处理图标的部件。似乎您应该将其添加到选择器中

.ui-button.iconic-button.iconic-button-upvote:before,
.ui-button.iconic-button.iconic-button-upvote.ui-state-hover:before,
.ui-button.iconic-button.iconic-button-upvote.ui-state-focus:before

然后它应该居中。如果需要，可以调整
字体大小
，只要
行高
正确，它就会居中。
我要做的是添加
高度：inherit
和一些
填充
如下：

#vote-buttons-section .iconic-button#upvote {
   height: inherit;
   padding: 10px 10px;
}

#vote-buttons-section .iconic-button#upvote {
   height: inherit !important;
   padding: 10px 10px !important;
}

如果不起作用，请添加
！CSS属性的重要信息，如：

#vote-buttons-section .iconic-button#upvote {
   height: inherit;
   padding: 10px 10px;
}

#vote-buttons-section .iconic-button#upvote {
   height: inherit !important;
   padding: 10px 10px !important;
}

希望这有帮助

编辑：我没有看到您是通过在我之前给出答案的用户来解决问题的。我很高兴你解决了用户Gustaf Gunér的问题，你能创建一个MCVE而不是链接到外部站点吗？哇，你肯定解决了我的问题。我试图通过改变字体大小或容器高度来调整布局，但没有一个可行。你救了我。谢谢没问题，很高兴我能帮忙@newBike@newBike别忘了接受我的回答：嗨，这个css知识有什么关键字吗？只要你的文本是一行，它就会用这个方法@newBike居中