css - 压缩导航链接或修复它们占用的空间的技术，以便它们不会奇怪地包裹

Question

这是我经常遇到的一个问题：

给定一些水平导航链接，有什么方法可以确保链接不会挤压在一起，以至于它们会向上或向下推到两条线上？

我认为只需为这些导航链接的容器设置最小宽度即可（例如，将 ul 或 ul 的容器 div 设置为 min-width:500px），但如示例所示，这还不够。我觉得我只是错过了一些简单的东西，但这是一个未知的未知数。

编辑：我删除了 li 元素上的一些边距，它最终停止换行到两行。不过，我仍然不明白为什么添加填充会导致包装，而不是简单地扩展包含元素的宽度。

那么你们有什么技术可以使导航链接保持水平条形？

这是一个 jsfiddle，大致是我正在使用的当前示例：http: //jsfiddle.net/tchalvakspam/nE8yU/5/

Answer 1

你想让它们可见吗？如果您不希望它们包装，一种选择是不显示它们。如果你想这样做，这将起作用：

#admin-header {
    overflow: hidden;
    white-space: nowrap;  
}