CSS文本行高度和填充问题如何解决？ [关闭]

Question

如下图所示，有高度问题？我无法用线高来解决这个问题。还有另一个css功能会影响这个吗？

当我将元素赋予23px，24px导致空间问题时，我想完全按照我想要去除间隙20px。

click to see picture

使用字体：Nunito

Answer 1

在你的例子中，当你在line-height: 1上使用h2时，我看到没有间隙。

@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900&subset=latin-ext');

body {
  font-family: 'Nunito', sans-serif;
}

.price {
  background-color: #c7c7c7;
  display: inline-flex;
  line-height: 1;
  font-size: 23px;
}

<h2 class="price">
  $21,191
</h2>