Javascript 控制换行长度

我试图找到一种方法来控制菜单列表中的行是如何断开的，这样我们就不会在第二行出现一个单词

例如，我有一个200像素宽的导航菜单。其中一个项目是“城市发展资源与规划”。从本质上讲，这条线是这样断开的：

城市发展资源与规划

我想要的是最少要打断的单词或字符数，这样看起来更像这样：

城市发展
资源与规划

我在纯CSS中找不到任何东西来管理它，在我进入javascript兔子洞之前，我想知道是否有人已经有了现成的东西

谢谢你的帮助

---

ty

不幸的是，仅使用css无法做到这一点。您可以手动添加换行符，也可以编写javascript函数来管理此操作。

由于容器上有固定的200宽度，您可以使用左右填充来欺骗浏览器，只需使用web inspector进行测量，然后以一种很好的方式添加填充，直到换行符为止