CSS 文本行高和填充问题如何解决？

Question

如下图，有身高问题？我无法使用行高来解决这个问题。是否有其他 css 功能影响此？

当我将一个元素赋予 23px、24px 导致 space 问题时，我想做的正是我想删除的间隙 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">
  ,191
</h2>

CSS 文本行高和填充问题如何解决？

CSS text line height and padding problem how can I solve?

css

height

fonts