html - 将内容高度设置为精确的字体大小

Question

我有一个文本元素，比如 <p> .正如您从下面的屏幕截图中看到的，内容有一个轻微的“自己的”填充，使其比文本本身的高度大几个像素:

我的问题是，有没有办法将内容高度设置为完全适合文本？

编辑:我正在提供一些代码。

p {
  background: #9dc2e5;
  font-family: sans-serif;
  font-size: 0.875em; /* calculates to 14px is em base is 16px */
  line-height: 1.42857143;
  margin: -4px 0 -8px 0;
  }
  

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

Answer 1

你可以使用

p {
  margin: 0;
  padding: 0;
}

但我会在 p 标签中使用一个类并为此类设置规则，这样它就不会影响所有 p 标签。

P.S.:边框将达到字体的最高可能字符/字母的高度，该字体并不总是被使用。