问题如下：我有一个基本的无序列表，我使用 css 将它变成了一个水平菜单。但是，在浏览器中放大或缩小时，菜单项会跳到下一行，如下所示：
未缩放：
|菜单一| |菜单 2| |菜单 3| |菜单 4|
放大：
|菜单一| |菜单 2| |菜单 3|
|菜单 4|
我能做些什么来防止菜单项像那样跳跃？
问问题
1663 次
3 回答
3
尝试使用 ul 的固定（最小）尺寸（或者可能是包装 ul 的 div）并给它一个溢出设置。就像是：
ul {
width: 750px;
overflow:auto;
}
于 2012-04-20T17:46:11.550 回答
0
我同意 SinsitraD - 留一点余地。如果您使用百分比，我通常会尝试留出约 2% 的余量。如果您更喜欢 px 作为您选择的单位，那么估计的 1-2% 余量将涵盖大多数舍入误差。
您可能会发现浏览器之间的缩放行为不一致 - 这是因为大多数浏览器在缩放时使用不同的方法来计算大小。
于 2012-04-20T17:51:58.963 回答
0
尝试应用position: relativeinli元素
于 2012-04-20T17:52:55.273 回答