当<br>位于H3内部时，sIFR会出现<br>问题

Question

在IE7中查看某些页面时，我发现了一个问题。如果我有一个很长的标题，换行到第二行，或者更糟糕的是，如果我在中间放了一个BR，就会抛出空格。

一页来看：

broken example1

您会注意到，当呈现标题时，页面顶部的页边距会发生偏移，从而抛出所有内容。

我使用的代码如下：

<h3 style="margin:0"><a href="../books/msc1.html">Middle School Confidential™<br>
Book 1: Be Confident in Who You Are</a></h3>

但重复了很多次来夸大问题。

我尝试了另一个测试，去掉了BR，让线条自然换行。这是在间距方面的改进，但它并没有解决问题。( URL相同，但将其设置为m1.html)

在第三个示例中，每个标题只占一行(m2.html)

一种选择是将标题拆分为两行，每行都有on H标记。但由于这些是链接，因此第一行可能会转到一个位置，而第二行可能会转到另一个位置，因为当您将鼠标悬停在它们上时，它们不会同时改变颜色。

那么，有什么解决方案吗？

我相信我使用的是当前版本的sIFR 3。在确定问题得到解决之前，我不想升级到IE8。

谢谢!

Answer 1

我猜问题来自于IE7没有处理字体的相对大小。

尝试将您的css更改为：

.sIFR-active H3
{
    font-size: 140%;
}

并使用静态值覆盖相对的字体大小和行高，例如：

.sIFR-active H3
{
    font-size: 18px;
    line-height:;
}

希望这能为你指明正确的方向。