页脚在chrome中显示不正确

Question

在this page上，页脚在Chrome 17中无法正确显示。所有链接应均匀分布在一行中，但它看起来像这样：

在IE和Firefox中看起来很好，是否有人建议我如何解决Chrome中的问题，而不会在其他浏览器中破坏它？

Answer 1

在您的css中更新此ID -

ul#footerLinks li {
  display: table-cell;
  width: 160px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}

如果没有display:table-cell它也应该工作..所以..它是多余的 - 你可以删除它。

Answer 2

嗯...有一次我加载页面，看起来很好。下一次，它看起来就像你上面的截图。这似乎是Chrome渲染错误。我尝试使用display：inline-block而不是table-cell。或者，只需将它们渲染为内嵌并水平居中菜单。在我看来，他们现在的间隔方式不是很节奏。

Answer 3

使用float：left;在您的锚标签中。