链接(屏幕)中 Sifr 范围出现奇怪的边距行为

发布于 2024-08-07 11:02:48 字数 585 浏览 12 评论 0 原文

我正在制作一个菜单,它应该看起来像 图片 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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

萌︼了一个春 2024-08-14 11:02:48

我通过添加

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

sifr.css解决了这个问题。正如我隐约预期的那样,这是一个字母间距问题。但从这个外表来看,实在是认不出来。除了前面描述的问题之外,它在 Firefox 中显示正常,但在 IE 中却不行。将上面的代码添加到 sifr.css 后,在两种浏览器中看起来都很好。

I solved it by adding

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

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文