文本环绕仅在PC上的Firefox 3中不一致

时间:2009-03-12 23:18:42

标签: text textwrapping sifr firefox-3

这是我在Firefox 3.0中反复出现的问题。似乎当我保持清爽有时它包裹,有时它没有。如果它没有换行,我可以调整窗口大小,sIFR'd元素将捕捉到正确的大小。我需要根据容器的宽度来装载我的元素。

我有最新的'每晚构建'sIFR 3.0。

我想sIFR一个h2标签。 h2标签包含在div中,两者都有设置宽度。

<div class="recipe-title">
   <h2>This is a recipe title</h2>
</div>

在我的sifr.js文件中,我设置了以下参数:

forceWidth = true; 
fitExactly = true; 
preventWrap = false;

我的.sifr.CSS文件如下所示:

@media screen {
  .sIFR-active .recipe-title h2 { width:455px; font-size:16px; text-transform:uppercase; }
}

我的普通CSS文件如下所示:

.recipe-title, .recipe-title h2 { width:400px; }

其他所有浏览器似乎都适用于除PC上的FF3之外的所有其他浏览器。这是一个已知的错误吗?

6 个答案:

答案 0 :(得分:1)

sIFR可能过早初始化。最简单的修复方法是在sIFR.useDomLoaded = false;之前设置sIFR.activate(),这将在替换元素之前等到页面加载。

你也可以考虑使用需要更多CSS的sIFR.useStyleCheck = true;,但是要等到CSS加载完毕。

答案 1 :(得分:1)

我很确定它是文本转换:在设置闪光宽度后大写放大字宽

我一直试图找到一个解决方案

答案 2 :(得分:1)

对于普通用户...请确保为对象或图像设置div容器的宽度和高度。如果未设置这些值,Firefox将包含任何文本。

答案 3 :(得分:0)

可能是您可能需要在元素上指定高度。 IE7可能有类似的问题。

答案 4 :(得分:0)

sIFR.activate()位于sifr.js文件或sifr-addons.js文件中吗?

答案 5 :(得分:0)

Per Mark的建议,在sIFR.activate()为我工作之前取消注释 sIFR.useStyleCheck = true;

Robert,sIFR.activate()位于sifr.js。