javascript - sIFR 3 行距和字距调整

Question

我正在努力让行距和字距调整在我正在工作的网站上的某些 sIFR 3 类型上工作(如 wiki 中所述:http://wiki.novemberborn.net/sifr3/Styling)，但这两个参数似乎无论如何都没有效果我愿意。

我没有按要求使用整数(没有“px”或“em”)。我还尝试了几种不同的字体 swf 文件，只是为了确保它不是字体。我不知道为什么它不起作用。我分配给 .sIFR-root 的所有其他 css 参数都可以正常工作。这是我使用“前导”的代码示例。

在 sifr_config.js 中:

sIFR.replace(snl, {
    selector: '.section-title h1',
    css: ['.sIFR-root { color: #FFFFFF; text-align: center; leading:2; }'],
    wmode: 'transparent'
});

在 HTML 文档中:

<div class="section-title">
    <h1>sIFR Text</h1>
</div>

(我也试过带方括号和不带方括号的 css 代码，正如我看到的那样，两种方式都完成了。似乎没有什么区别)。

我做错了什么？任何帮助将不胜感激;谢谢!

Answer 1

预计到达时间:找到了一种不那么骇人听闻的方式:当添加到替换元素的 CSS 时，line-height 似乎有效(在我的示例中是:.sIFR-active .section-title h1)。所以我能够使用常规的旧行高来伪造边距。

---

好吧，既然这个让每个人都哑口无言，这就是我的发现:

最初，有很多建议使用 leading 来替代 margin-top 或 padding-top，因为它们不适用于 sIFR。这就是我试图使用它的目的。我只有一行文本，需要在顶部给它一些空间，所以我试图通过增加前导(行高)来做到这一点，但无济于事。我认为这曾一度奏效，但后来当我查看 sIFR 所有修订版的更改日志时，我发现了一条关于“修复”前导的注释。显然，开发人员认为行距在单行文本上被识别为错误，因此“修复”它以便仅在文本为多行时才应用行距。我通过在文本前放置一个换行符进行测试，果然，行距开始起作用了!

所以现在看来​​，为了在我的 sIFR header 上实现顶部边距，我必须以某种方式添加不必要的代码——通过将其包装在具有顶部边距的 div 或 span 中，或者添加一行打破并使用负领先。

我仍然不知道字距调整，但字母间距似乎有效，所以......

如果有人有任何额外的见解可以提供，我会洗耳恭听!