【问题标题】:Strange margin-behaviour with Sifr spans in link (screens)链接(屏幕)中 Sifr 跨度的奇怪边距行为
【发布时间】:2010-05-13 04:20:34
【问题描述】:
我正在制作一个菜单,它应该看起来像 this link 上的 picture nr 1。
但是,此时,它看起来像图片 nr 2。
这种行为没有逻辑,因为所有三个元素都具有相同的 css 属性。此外,让我们将“灵气”一词改为“心理疗法”,看看会发生什么……(图片编号 3)
出于某种原因,“灵气”一词忽略了某些属性。当 Sifr 关闭时,这不是问题。我想我需要一些额外的 CSS 来解决这个问题(在特定元素上使用填充、高度或边距不会产生任何结果。它只是不会让步)。
除非有人知道更优雅的解决方案?
【问题讨论】:
标签:
css
hyperlink
sifr
margin
【解决方案1】:
我通过添加解决了
.sIFR-active .btns a span{letter-spacing: 0.3em; padding-top: 25px; display: block; float: right;}
到 sifr.css。正如我隐约预料的那样,这是一个字母间距问题。但在这个外观上,它并没有真正辨认出来。除了前面描述的问题之外,它在 Firefox 中显示正常,但在 IE 中显示不正常。将上面的代码添加到 sifr.css 后,在两种浏览器中看起来都很好。