CSS高度+；线条高度+；字体大小

我有一个简单的div，我想有一个div高度作为它的内容字体大小。因此，我尝试将高度、行高和字体大小设置为相同的值，但似乎元素高度不是预期的150px。你可以在下面的屏幕上看到它。它是红色框中的标题

---

如何实现字体的高度与框的高度一样？

所以问题是字体的上方和下方总是包含一些空格。这是基于字体的，没有在某个地方指定。因此，最好使用正确的字体大小，然后将线宽调整得更小，直到获得所需的结果

你能得到的同一个问题的答案

---

删除顶部和底部空间的小技巧是

您可以使用CSS尝试以下解决方案

• 100px是您想要的高度
• 1.45必须针对每个fontfamily进行校正

HTML:

---

测试链接：

所以字体大小对于每个字体系列都是特定的，它和css的值不匹配。好的，谢谢。如果我要一个css，请不要拉scss到答案。

  <div class="container">   
      Stackoverflow  
  </div>

.container {
  display: flex;
  align-items: center;
  background-color: #222222;
  color: #f7f7f7;
  text-transform: uppercase;
  height: 100px;  
  font-size: calc(100px * 1.45);  
}