不要繼承嵌套元素的行高

Question

總而言之，使font-size: 12px的跨度不會繼承span的行高font-size:18px？我需要18px的行高值爲1.5，12px的行高值爲1.5。

<p> 
<span></span> 
<span></span> 
</p> 

取而代之的是：

<p> 
    <span> 
     <span></span> 
    </span> 
</p> 

入住這http://jsfiddle.net/WPzVs/8/

Answer 1

這樣寫分開你想要的是可能的。雖然內部div的線高小於外部線的高度，但它仍然是決定高度的外部線。

而且，即使較小的文本運行在幾行，它仍然具有較大的行高跨度內，每個那些線。

雖然是個好問題;我已經upvoted。

Answer 2

我覺得沒有什麼我不能同時span

http://jsfiddle.net/WPzVs/6/

Answer 3

這應該在Opera工作：

.example { 
    font-family: Arial; 
    font-size: 12px; 
} 
.example, .example * { 
    line-height: 1.5em; 
} 

---

對於Firefox或IE瀏覽器，把下面的規則將每個元素的行高度不同，但將打破文本流：

.example * { 
    display:inline-block; 
}