【问题标题】:Parts of word gets pushed to next line (sifr3-r436)部分单词被推送到下一行 (sifr3-r436)
【发布时间】:2009-10-20 12:09:23
【问题描述】:

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

匕首 吨

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

D ñ

我想在前一个列表元素的右侧列出每个列表元素。 当我不激活 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>

【问题讨论】:

    标签: sifr


    【解决方案1】:

    sIFR 使用原始元素的宽度来适应 Flash 文本。在您的情况下,Flash 文本比原始元素宽,不适合,而是换行。

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

    【讨论】:

      【解决方案2】:

      这样使用

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

      forceSingleLine:真;会解决你的问题。

      【讨论】:

        【解决方案3】:

        我真的认为您需要在SIFR Support Forums 上发布此内容。这不是编程问题。

        【讨论】:

        • 抱歉,不能这样做: > 粘滞:请参阅 Mark Wubben 的 Stack Overflow。发布新主题链接也从板上删除。我认为这是一个编程问题,即 JS、HTML 或 Flash。 :)
        • 我不会说“为什么这个 Flash 插件不能按我的预期工作?”是一道编程题。你没有表明你试图让它工作的任何东西,只是发布了对你不起作用的东西,或者至少它是这样显示的。如果不是这样,那么进行编辑,让我们看看是否有人可以阐明:)
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-05-06
        • 1970-01-01
        • 2016-06-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多