Question

重新加载页面时，有时会在“t”之前使用换行符呈现<li>Dagbladet</li>，所以它看起来像：

Dagblade
t

<li>DN</li>始终呈现为：

D
N

我想列出前一个列表元素。当我没有激活sIFR3时，它的位置应该是正确的。

有关如何使用sIFR3实现此目的的所有提示非常感谢！列表应如下所示：

 Aftenposten Dagbladet Verdens Gang DN

<小时/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>type-test</title>  
  <link rel="stylesheet" href="sifr/sifr.css" type="text/css">

  <script src="sifr/sifr.js" type="text/javascript"></script>

  <script type="text/javascript" charset="utf-8">
    var cochin = { src: '/sifr3-r436/demo/cochin.swf'}

    sIFR.activate(cochin);

    sIFR.replace(cochin, {
      selector: 'h1, h2, h3, h4, li',
      css: '.sIFR-root {    }'
    });

  </script>

  <style type="text/css" media="screen">
    ul li {
      list-style: none ;
      display: inline ;
    }    
  </style>

</head>

<body>

<p>
<ul>
  <li>Aftenposten</li>
  <li>Dagbladet</li>
  <li>Verdens Gang</li>
  <li>DN</li>
<ul>
</p>



</body>
</html>

Answer 1

sIFR使用原始元素的宽度来适应Flash文本。在您的情况下，Flash文本比原始元素宽，不适合，而是分成一个新行。

解决方案是添加一些letter-spacing（通过.sIFR-active选择器）以使HTML文本更宽，仅适用于sIFR。然后，当替换发生时，将有足够的空间来容纳Flash文本。

Answer 2

像这样使用

sIFR.replace(test, {
  selector: 'h1',
  css: '.sIFR-root { color: #cccccc; width: 100%; text-align: left; letter-spacing:1;}',
  wmode: 'transparent',
  forceSingleLine: true;
});

forceSingleLine：true;将解决您的问题。

Answer 3

我真的认为你需要在SIFR Support Forums张贴这个。这不是一个编程问题。

单词部分被推到下一行（sifr3-r436）

3 个答案: