0

我一直在通过堆栈溢出来寻找答案，但没有任何帮助（或者我一直在错误地添加它）。

我已经在网站上为客户设置了一个水平菜单，并试图将菜单项在菜单栏中居中，但是，左右填充在 firefox 和 chrome 之间偏移了 1px，这使得最后一个菜单项该行仅在 Firefox 中与右边缘对接。在菜单中的 li 标签上将 firebug 中的左右填充降低 1px 使其看起来就像在 Chrome 中使用我的原始 CSS 所做的那样。

问题代码似乎在 li 标签填充上。

这是一个带有我的菜单代码的 JSFiddle（没有背景图片，但问题仍然很明显）http://jsfiddle.net/FxznT/1/

这是我一直在参考的原始网站：http: //clients.taylordesign.com/LCBP/site/home.html

我错过了什么？我已经在使用 CSS 重置。谢谢。

4

1 回答 1

2

您可以尝试使用 CSS hack 仅选择 Firefox：

@-moz-document url-prefix() { 
  .ul.topNav li {
     padding: 16px 11px;
  }
}
于 2012-07-26T21:43:24.720 回答