代码之家 › 专栏 › 技术社区 › martins

单词的某些部分被推到下一行(sifr3-r436)

sifr

1

martins · 技术社区 · 15 年前

在重新加载页面时,有时 <li>Dagbladet</li> 在“t”之前使用换行符进行渲染,因此看起来像:

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>

3 回复 | 直到 15 年前

1

Mark Wubben 15 年前

sIFR使用原始元素的宽度将Flash文本放入其中。在您的情况下,Flash文本比原始元素宽,不适合,而是分成一行。

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

2

1

Jitendra Vyas 15 年前

像这样使用

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

forceSingleLine:正确;这会解决你的问题。

3

0

Lazarus 15 年前

我真的认为你需要把这个发到网上 SIFR Support Forums .这不是编程问题。