2010-12-15 53 views
0

我试图理解为什么下面产生的IE/Firefox和Chrome不同的结果:格式差异

<a href="#">ABC <span style="position: absolute;">XYZ</span></a> 

在IE7和Firefox 3.6, “ABC” 被强调,而“ XYZ“不是,并且它们之间没有可见的空间,即它们一起作为”ABCXYZ“运行。

在Chrome 9中,整个字符串带下划线,并且它们之间有一个空格,即“ABC XYZ”。

很明显,他们每个人都以不同的方式处理position: absolute,所以我试图找出原因。这个例子是从一个绝对定位是必要的代码块中提取的,所以我试图让IE/Firefox和Chrome看起来都一样。

我试图在span上指定text-decoration: none来摆脱“XYZ”上的下划线,但Chrome只是忽略了这一点。

+0

您已经尝试了'' 而不是“ABC”后的空白使用时可能有问题?这可能有助于间距问题。 – 2010-12-15 15:57:57

+0

的确如此。不幸的是,我试图理解下划线多于间距,因为我使用绝对定位将跨度恰好移动到我想要的位置。我将间距事件作为另一个不同浏览器如何以不同方式呈现相同代码的另一个示例,但这绝对是强制间距行为的一种方式。 – gfrizzle 2010-12-15 16:04:22

回答

1

您是否尝试过使用display:block;display:inline-block;与span?

position:absolute;inline元素(这是<span>默认)

+0

我用过,但没有效果。它在Firefox中正常工作,但不在Chrome中。 – Govan 2014-04-08 12:18:29