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

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。：边框将转到字体的最高字符/字母的高度，该字体不会一直使用。