javascript - 使用浏览器放大和缩小时，如何阻止 spry 菜单换行？

Question

我已经走到了互联网的尽头，并试图解决这个问题。这是带有 spry 菜单的页面。您会注意到一些内联样式，以使其适合 980 像素宽的设计。 The HTML

这是活泼的 CSS。

    [CSS][2]

Answer 1

我在 Firebug 中设置了这个:

ul.MenuBarHorizontal {
    width: 1200px;
}

这表明导航菜单比 980 宽，这就是它环绕的原因。您需要从菜单项的填充或边距中去除五个或十个像素。

ul.MenuBarHorizontal a {
    padding: 9px 20px;
}

看起来效果不错。实际上，您可以将第二个填充值设为 26px 而不会环绕。