IE / Firefox / Chrome之間的格式差異

Question

我試圖了解為什么以下內容在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看上去都一樣。

我嘗試指定text-decoration: none跨度中text-decoration: none可以消除“ XYZ”上的下划線，但是Chrome只是忽略了這一點。

Answer 1

您是否嘗試過使用display:block; 或display:inline-block; 與跨度？

position:absolute; 與inline元素一起使用時可能會出現問題（這是<span>的默認設置）