javascript - 控制换行长度

Question

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

例如，我有一个 200 像素宽的导航菜单。其中一项是“城市发展资源与计划”。 native ，换行符是这样的:

City Development Resources &
Plan

我想要的是最少的单词或字符数，以便它看起来更像这样:

City Development
Resources & Plan

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

感谢您的帮助，

类型

Answer 1

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