Firefox Mac 对齐问题答案

【问题标题】：Firefox Mac alignment issueFirefox Mac 对齐问题
【发布时间】：2010-01-21 18:36:17
【问题描述】：

我编写了一个菜单，其中按钮的总宽度应始终与菜单栏的宽度相同。所以我把空格放在按钮上。

它适用于：视窗：FF IE6 IE7 IE8 Mac：Safari 浏览器

但它不适用于 Mac 上的 Firefox 有没有人知道？

编辑：

我采取的步骤是：

所以最后一个 LI 可能会减少或增加 1 或 2 个像素。

【问题讨论】：

【解决方案1】：

好吧，因为您正在动态更改 li 的宽度，所以它们的宽度值是浮点数而不是整数。在我看来，浏览器的处理方式都不同。计算后尝试执行Math.floor 函数。

【讨论】：

我对值进行四舍五入，因为这可能导致舍入问题，所以我从空白中减去我添加到每个 li 的值，并在最后一个 li 上添加剩余部分。所以当我添加它时，我看不到它是如何浮动的。

【解决方案2】：

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

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

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

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

【讨论】：