Javascript 在使用浏览器放大和缩小时,如何阻止spry菜单的换行?

Javascript 在使用浏览器放大和缩小时,如何阻止spry菜单的换行?,javascript,css,spry,Javascript,Css,Spry,我已经走到了互联网的尽头,回来试图解决这个问题。这是带有spry菜单的页面。您会注意到一些内联样式,使其适合980px宽的设计。 这是spry CSS [CSS][2] 我在firebug中设置了这个: ul.MenuBarHorizontal { width: 1200px; } 这表明导航菜单比980宽,这就是它环绕的原因。您需要从菜单项的填充或边距中去掉五到十个像素 ul.MenuBarHorizontal a { padding: 9px 20px; }

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

这是spry CSS

    [CSS][2]
我在firebug中设置了这个:

ul.MenuBarHorizontal {
    width: 1200px;
}
这表明导航菜单比980宽,这就是它环绕的原因。您需要从菜单项的填充或边距中去掉五到十个像素

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

看来效果不错。实际上,您可以将第二个填充值设置为26px,而无需将其环绕。

感谢您的快速响应和帮助。这有助于防止接触盒缠绕,除非您缩小几次。如果你放大或缩小,它不会使菜单的边缘与页面的边缘齐平。这个活泼的东西快把我累死了。你需要在菜单的某个地方添加一些像素,使它与页面的其余部分齐平。由于ul.MenuBarHorizontal a同时针对所有这些目标,因此不利于此。您应该给联系人链接一个last类,并添加一些填充以使其对齐。