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

Bootstrap 4有一个名为的类text-nowrap。这正是您所需要的。

如果内容较大以适合一行，则可以添加以下代码片段以在行尾添加漂亮的“…”：

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

显示：inline-block; 将防止列表项中的单词之间出现中断

 li {
    display: inline-block;
 }

如果要有选择地实现此目的（即：仅到达该特定链接），则可以使用不间断的空间而不是普通的空间：

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

https://en.wikipedia.org/wiki/Non-breaking_space#Encodings

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

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