大不可拆卸的底部填充

Question

文字在這裏的底部大空間：http://jsfiddle.net/qHaFR/

而且我無法將其刪除。

你能告訴我該怎麼做嗎？

Answer 1

包裝，在這種情況下，<span>需要是一個寬度和高度定義的塊元素。您還需要更改行高以匹配容器的高度。

所以你的風格看起來像：

#foo { 
    background-color:yellow; 
    font-size:260px; 
    border:1px solid black; 
    width: 190px; /* if display: block; */ 
    line-height: 200px; 
    display: block; /* or inline-block */ 
} 

只是爲了澄清，是你試圖總結A中的元素，如<div>或<h1>你不應該需要聲明它display: block因爲div和h1是已經阻止。

Answer 2

這是因爲line-height實際上很大，以便每個字符都可以在那裏顯示。在一些空間被充分使用的語言中。例如，如果您輸入ÁĄ，則需要整個260像素。如果您能夠接受不能夠顯示這些字符，你需要改變line-height相應並將其顯示爲一個塊：如果你沒有用好它當作一個塊

#foo 
{ 
    background-color: yellow; 
    font-size: 260px; 
    border: 1px solid black; 
    line-height: 200px; 
    display: block; /* or inline-block */ 
}​ 

（它獲得100％寬度，或者您需要自己設置），請使用display: inline-block;。此外，請輸入ÁĄ而不是A，然後查看字母的頂部和底部。在這裏看到這個：http://jsfiddle.net/vmVcr/。