如何使元素的内容框适合其内容的字体大小

How do I make the content box of an element fit the font-size of its contents

如果你看看这个codepen https://codepen.io/anon/pen/pwQrmm 

`h2 {
  padding-top:16px;
  padding-bottom:16px;
  font-size: 16px;
}`

h2 标签的字体大小设置为 16px，但其内容框的高度为 18px。有没有一种方法可以设置内容框的高度以匹配字体大小，而无需手动将其高度设置为 height: 16px。另外当h2标签变成两行时，内容框应该变成32px。

我尝试搜索这个问题，但找不到任何答案。如果之前有人回答过，我很抱歉。

您可以设置行高以匹配字体大小。

line-height: 16px;

当你写的内容足够多时（所以会有第二行），它会变成32px。

但是不建议这样做。内容会变得太拥挤，文本会太靠近上面（和下面）的文本。 行高应在文本大小的 1,2x-1,5x 之间。