字體大於它周圍的'元素'

我經歷過，如果我設置了特定的p標籤字體大小讓我們說55px，包含字體的實際元素比字體本身小。字體大於它周圍的'元素'

因此，字體與上述元素重疊。當然，我可以在那裏設置一些填充，但爲什麼 - 我稱之爲'虛構'對象，因爲它只是由我的瀏覽器創建的 - 沒有獲得與內容相同的大小 - 在這種情況下，字體？順便說一句，這個'想象'容器總是有相同的高度。如果p-text的大小爲12px或55px，則無關緊要。在我的情況下，這個高度總是15px ...

感謝有關此事的提示。

歡呼

來源

2012-08-17 Merc

問題是什麼？ – 2012-08-17 12:54:01

確實沒有問題。我只是想知道爲什麼這是這樣的，如果我可能在我的html/css中犯了一些錯誤 – Merc 2012-08-17 12:55:17

請顯示你的html/css – 2012-08-17 12:55:18

儘量減少的line-height：

.imaginary { 
    font-size: 18px; 
    line-height: 18px; 
}

來源

2012-08-17 12:57:29 Gustonez

不錯的虛構的css那裏 – PaperThick 2012-08-17 12:58:02

這正是我剛剛發現的。我討厭在我的身體中定義的行高{}：line-height：15px; – Merc 2012-08-17 13:01:57

Gustonez你可以upvote我的答案，我會upvote你的，我這樣說，因爲我必須提供另一個賞金問題：D – GLES 2012-08-17 13:06:07

這間接/直接影響你的答案：

<style> 
    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, 
    li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
     margin:0; 
     padding:0; 
     border:0; 
     font-size:100%; 
     font:inherit; 
     vertical-align:baseline; 
    } 
    </style>

所以，請確保你ATLEAST具有上述線路代碼，每當你使用CSS。

來源

2012-08-17 13:00:00 GLES

對不起，我在這裏用這個愚蠢的問題困擾着你。感謝您的答案。歡呼聲 – Merc 2012-08-17 13:02:51

字體大於它周圍的'元素'

回答

相關問題