不要在嵌套元素中继承行高

Question

无论如何使font-size: 12px的跨度不会继承span与font-size:18px的行高？我想要18px的行高值1.5和12px的1.5值。我无法将span

分开

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

Answer 1

这应该适用于Opera：

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

---

对于Firefox或IE，添加以下规则将使每个元素的行高不同，但会破坏文本流：

.example * {
    display:inline-block;
}

Answer 2

像这样写：

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

而不是：

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

选中此http://jsfiddle.net/WPzVs/8/

Answer 3

我不认为你想要什么是可能的。虽然内部div中的线高小于外部中的线高，但它仍然是决定高度的外部高度。

即使较小的文字在几行上运行，它仍然位于每条线上较大线宽的跨度内。

虽然好问题;我投了赞成票。