在使用浏览器放大和缩小时，如何阻止spry菜单包装？

Question

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

这是spry CSS。

    [CSS][2]

Answer 1

我在萤火虫中设置了这个：

ul.MenuBarHorizontal {
    width: 1200px;
}

这显示导航菜单宽于980，这就是为什么它环绕着。您需要从菜单项的填充或边距中剥离五或十个像素。

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

似乎运作良好。实际上，你可以将第二个填充值提高到26px，而不会缠绕它。