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

发布于 2024-08-08 12:30:23 字数 1402 浏览 3 评论 0原文

重新加载页面时，有时

Dagbladet

会在“t”之前呈现换行符，因此看起来像：

Dagblade
t

DN

< /code> 始终呈现为：

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>

原文

When reloading the page, sometimes <li>Dagbladet</li> is rendered with a linebreak before "t", so it looks like:

Dagblade
t

<li>DN</li> is always rendered as:

D
N

I´d like to list each list element to the right for the previous one.
It´s positioned as it should when I don´t activate sIFR3.

All tips on how to use sIFR3 with to achieve this is highly appreciated!
The list should look like this:

 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧竹 2024-08-15 12:30:23

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

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

回复收藏 0 原文

指尖上得阳光 2024-08-15 12:30:23

像这样使用

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

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

use like this

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

forceSingleLine: true; will solve your problem.

回复收藏 0 原文