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

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：边框会去，这并不总是使用的字体非常尽可能高的字符/字母的高度。