Question

如下图所示，有身高问题吗？我无法使用line-height来解决这个问题。还有其他影响此功能的CSS功能吗？

当我将元素设置为23px或24px会导致空间问题的元素时，我想做的就是删除20px的间隙。

使用的字体：Nunito

Answer 1

I'm seeing no gaps when line-height: 1 is used on the h2 in your example.

@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>

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

1 个答案: