在Firefox中浮动右对齐问题

Question

检查Fiddle。请注意箭头图标，它位于第一行（在Chrome和IE中）。当我在Firefox中打开它时，它的对齐方式会发生变化。为什么会这样？解决方案是什么？

.arrow{
   float:right;
}

PS：Imran和Kheema建议的解决方案不是我想要的。我不想改变HTML结构，在这种情况下，我必须在很多地方进行更改。

Answer 1

请看这个演示。箭头在Firefox中的位置与Google中显示的位置相同。

所以我在这做什么。我切换了该行，即将span标记放在a标记之前。

<span class="arrow arrow_up"></span>
<a href="doc4.html" name="doc4" target="_blank">doc4</a>
<div style="" class="toggle"><div>

另一种解决方案是从white-space: nowrap;和th

中删除td

th, td {
    /*white-space: nowrap;*/
}

检查更新的 Demo 。