奇怪的边缘-在链接(屏幕)中具有Sifr跨度的行为。

Question

我正在做菜单，它看起来像图片nr 1 on 此链接。

然而，在这个时候，它看起来像图片nr 2。

这种行为没有任何逻辑可言，因为这三个元素都具有相同的css属性。另外，让我们把“灵气”改为“心理治疗”，看看会发生什么.(图片nr 3)

出于某种原因，“灵气”这个词忽略了某些属性。当Sifr被关闭时，这不是一个问题。我想我需要一些额外的CSS来解决这个问题(在这个特定元素上乱七八糟的填充、高度或边距不会给出任何结果。)它就是不动)。

，除非有人知道更优雅的解决方案？

Answer 1

我通过添加来解决它

.sIFR-active .btns a span{letter-spacing: 0.3em; padding-top: 25px; display: block; float: right;}

到sifr.css。正如我模糊地预期的那样，这是一个字母间距问题。但在这个外观上它并不能被真正识别出来。在前面描述的问题之上，它在Firefox中显示得很好，但在IE中却没有。将上面的代码添加到sifr.css中，这两种浏览器看起来都很好。