我正在制作一个菜单,它应该看起来像 图片 nr 1 ="nofollow noreferrer">此链接。
然而,此时,它看起来像图片nr 2。
这种行为没有逻辑,因为所有三个元素都具有相同的 css 属性。此外,让我们将“Reiki”一词更改为“Psychotherapy”,看看会发生什么......(图片编号3)
出于某种原因,“Reiki”一词忽略了某些属性。当 Sifr 关闭时,这不是问题。我想我需要一些额外的 CSS 来解决这个问题(弄乱特定元素上的填充、高度或边距不会给出任何结果。它只是不会让步)。
除非有人知道更优雅的解决方案?
I'm making a menu and it's supposed to look like picture nr 1 on this link.
However, at this moment, it looks like picture nr 2.
There's no logic in this behaviour, since all three elements have the same css-attributes. Moreover, let's change the word "Reiki" to "Psychotherapie" and see what happens... (picture nr 3)
For some reason the word "Reiki" ignores certain attributes. This is not a problem when Sifr is turned off. I guess I'll need some extra CSS to solve this (messing with paddings, heights or margins on that specific element doesn't give any result. It just won't budge).
Unless someone knows a more elegant solution?
发布评论
评论(1)
我通过添加
到 sifr.css 来解决了这个问题。正如我隐约预期的那样,这是一个字母间距问题。但从这个外表来看,实在是认不出来。除了前面描述的问题之外,它在 Firefox 中显示正常,但在 IE 中却不行。将上面的代码添加到 sifr.css 后,在两种浏览器中看起来都很好。
I solved it by adding
to sifr.css. As I vaguely expected, it was an letter-spacing issue. But it wasn't really recognizable in this appearance. On top of the previously described problem it showed alright in Firefox but not in IE. With the code above added to sifr.css all looks fine in both browsers.