Firefox Mac对齐问题

Question

我写了一个菜单，其中按钮的总宽度应始终与菜单栏的宽度相同。所以我拿出空白并将其分配给按钮。

它适用于：  Windows：FF IE6 IE7 IE8  Mac：Safari Chrome

但它在Mac上的Firefox上没有用，有没有人有想法？

可以找到示例： http://www.bobkarreman.com/menu_prototype/menu/menu.html

编辑：

我采取的步骤是：

• 我计算空白。
• 将按钮数除以圆形。
• 将其与当前填充一起添加到按钮。
• 确保没有舍入问题每次将填充添加到按钮时，我会从totalWhitespace中减去它，并在最后一个LI上添加totalWhitespace。

因此，最后一个LI可能会减少1或2个像素或更多。

Answer 1

好吧，因为你动态地改变了li的宽度，它们的宽度值是浮点而不是整数。在我看来，浏览器的处理方式不同。在计算完成后尝试执行Math.floor函数。

Answer 2

查看您的console输出，看起来它不一定按预期应用计算的填充。它似乎是计算marLeft到38（和last到43），但将43应用到每个<a>。我可能会离开，我只是猜测你的console输出的含义。

值得注意的是，在Safari中我的像素是关闭的（最后一个菜单的<a>有padding-left: 39px而其他菜单有padding-left: 40px，它距离边缘一个像素容器）。

编辑：我可能误解了您的console输出，Safari正在说marLeft为35但正在应用40（last除外）。

编辑2：我真的很感激控制台中有信息可供查看。这是发布示例的正确方法。谢谢！