Css 链接中Sifr跨度的奇怪裕度行为(屏幕)

Css 链接中Sifr跨度的奇怪裕度行为(屏幕),css,hyperlink,sifr,margin,Css,Hyperlink,Sifr,Margin,我正在制作菜单,它应该看起来像上的图片nr 1 然而,此时,它看起来像是图片nr2 这种行为没有逻辑,因为所有三个元素都具有相同的css属性。此外,让我们将“灵气”一词改为“心理治疗”,看看会发生什么。。。(图片编号3) 出于某种原因,“灵气”这个词忽略了某些属性。当Sifr关闭时,这不是问题。我想我需要一些额外的CSS来解决这个问题(在特定元素上弄乱填充、高度或边距不会产生任何结果,只是不会移动) 除非有人知道更优雅的解决方案?I通过添加 .sIFR-active .btns a span{l

我正在制作菜单,它应该看起来像上的图片nr 1

然而,此时,它看起来像是图片nr2

这种行为没有逻辑,因为所有三个元素都具有相同的css属性。此外,让我们将“灵气”一词改为“心理治疗”,看看会发生什么。。。(图片编号3

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


除非有人知道更优雅的解决方案?I通过添加

.sIFR-active .btns a span{letter-spacing: 0.3em; padding-top: 25px; display: block; float: right;}
sifr.css。正如我隐约预料的那样,这是一个字母间距问题。但从这个外观上看,它并没有真正被辨认出来。在前面描述的问题的基础上,它在Firefox中显示正常,但在IE中没有显示。将上面的代码添加到sifr.css中,在两种浏览器中看起来都很好