css - 缩放或更改分辨率时如何使 css 菜单宽度无法更改？

Question

我正在构建一个 Joomla 模板，但我遇到了一个菜单宽度问题，我从未找到解决方法。当我制作基于文本的菜单时，某些元素在缩放或分辨率发生变化时总是分成两行，例如:

[元素 1][元素 2][元素 3][元素 4][元素 5]

成为

[元素 1][元素 2][元素 3][元素 4]

[第5项]

所以基本上，当我制作基于文本的菜单时，宽度总是会改变。然而，如果我让它基于图像，问题就解决了，但它不能用于这个元素，因为它有太多的菜单项，其中一些可能会被更改。 我见过一个网站，每次您在网站上放大/缩小时都会重新生成字体大小以保持网站定义的宽度，但我不记得了。 你们有什么想法吗？无论浏览器字体大小设置、缩放或显示分辨率如何，都必须有某种脚本来强制基于文本的菜单定义宽度。

提前致谢。 顺便说一句，这是网站:http://business.delux.lv/ 实际上我注意到很多网站都有这个问题，但有些网站没有太多的菜单项让他们分两行，所以这不太明显。

Answer 1

将此添加到菜单 css 样式

white-space:nowrap;