行高繼承

Question

我不能更改我的span元素行高，這是在body（我試過使用！重要，以及不同的行高表示法，包括字體/行高）中定義的。下面的代碼：

body { 
    font: 16px/1.5 Arial, Helvetica, sans-serif; 
} 

.pageBody.oferta > .cnt .columns ul span { 
    font-size: 9px; 
    line-height: 1; 
} 

的問題顯然是我的跨線高度爲1.5

更於Web開發工具，從體覆蓋它並沒有顯示繼承（它在Web開發工具跨越然後）。網站上也有很多代碼，但我認爲它無論如何都不會影響行高（因此粘貼它會造成大量垃圾郵件）。

編輯：我發現有趣的事情：當我申請大於2的線高時，它開始適用於跨度。

Answer 1

在塊容器設置line-height，而不是span。對於span，或者對於一般的非替換內聯元素，內容區域的高度取決於字體和瀏覽器，並且通常爲下行和上行做出規定;請參閱CSS 2.1規範中的10.6.1 Inline, non-replaced elements。

即使對於div元素或其他塊元素，調整高度降至9px的機會可能會由用戶設置阻止，例如最小字體設置爲更大（Firefox上的用戶選項;不能被作者）。

我不知道你是如何推斷行高的，但是我的Firebug說，對於你的例子構造的文檔，計算出的行高爲9px，但在佈局面板中，高度爲13px。這是正常的，通過CSS 2.1原則。

Answer 2

您未填寫definiation 例here

Answer 3

span { 
    line-height: 0.66; /* 66% of 1.5 ~= 1 
} 

由於行高值是在嵌套元素乘以您可以與0.66獲得此的單元部分。覆蓋值的另一種方法是設置line-height: normal（但真正的價值will change depending on the browser）