【问题标题】: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 后,在两种浏览器中看起来都很好。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-30
      • 1970-01-01
      • 2014-09-19
      • 2011-08-04
      • 2011-04-29
      • 1970-01-01
      相关资源
      最近更新 更多