將內容高度設置爲精確的字體大小

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：邊框會去，這並不總是使用的字體非常儘可能高的字符/字母的高度。