如何防止使用CSS的列表项中的换行符

我正在尝试使用li标签在菜单中放置一个名为“ 提交简历”的链接。由于这两个单词之间的空格，它会包装成两行。如何防止用CSS包装？

使用white-space: nowrap; ¹ ，或者通过将li的宽度设置为更大的值来给这个链接更多的空间。

你可以添加这个小代码片段来添加一个很好的“…”到行的结尾，如果内容是很大，以适应一行：

 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

如果你想有select地实现这一点（即：只对那个特定的链接），你可以使用一个不间断的空间，而不是一个正常的空间：

 <li>submit&nbsp;resume</li>

编辑：我知道这是HTML，而不是OP所要求的CSS，但有些人可能会发现它有帮助…

显示：内联块; 将防止列表项中的换行符

  li{ display: inline-block; }