Css 使用display:table时出现随机Firefox问题

我们试图实现的视觉目标是一个水平菜单，其中一些链接可能跨越多行，但所有链接都应该垂直居中

在兼容浏览器中，这可以通过使用display:table的CSS实现。标记示例：

<ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link<br />spanning lines</a></li>
    <li><a href="#">Link</a></li>
</ul>

这很有效。大多数时候。然而，对于一些人来说，在Windows或OSX上使用Firefox3.x的某些版本，有时在初始页面加载时，LIs会包装在其他版本之下

页面重新加载可以修复99%的问题

这种虫子很难复制。充其量，这似乎是随机的。我不能让它在我的XP机器上发生，但可以让它在我的OSX机器上偶尔弹出一次

可视示例：

我们想要的是：

link 1      link 2      link 3      link 4

我们有时会得到：

link 1      link 2      link 3
link 4

我找不到太多关于这个问题的参考资料，尽管我确实在这里遇到了可能相关的提及：

---

有没有人遇到过这种情况和/或知道是什么原因造成的 您可以通过在onload处理程序中将表上的显示切换为“none”，刷新布局（例如，通过执行

document.body.offsetWidth

）然后将显示设置回“”或“table”。。。。这不漂亮，但会有用的

---

当然，你能做的任何事情都能让你的用户从古老的Firefox版本升级，这对他们和你都有好处

根据，你使用的方法在IED中根本不起作用。也许你应该考虑使用不同的垂直定心技术？我很清楚IE的问题。o） 我们确实以不同的方式适应IE。

link 1      link 2      link 3
link 4