控制线断线长度

Question

我试图找到一种方法来控制菜单列表中的换行方式，这样我们就不会在第二行中找到单个单词。

例如，我有一个200px宽的导航菜单。其中一项是＆＃34; City Development Reources＆amp; 。计划＃＆34;在本地，线条断裂如下：

  

城市发展资源＆amp;
计划

我想要的是要破解的最少数量的单词或字符，因此看起来更像是这样：

  

城市发展资源＆amp;计划

我没有在纯CSS中找到任何东西来管理它，在我下载javascript兔子洞之前，我想知道是否有人已经有了方便的东西。

感谢您的帮助，

TY

Answer 1

不幸的是，只有css无法做到这一点。您可以手动添加换行符，也可以编写一个javascript函数来管理它。

Answer 2

由于容器上有200个固定宽度，您可以使用左右填充来欺骗浏览器，只需使用Web检查器进行测量，然后添加填充直到中断。