控制换行符长度答案

【问题标题】：Controlling Line Break Lengths控制换行符长度
【发布时间】：2014-10-02 19:08:53
【问题描述】：

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

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

城市发展资源与
计划

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

城市发展
资源与计划

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

感谢您的帮助，

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

由于容器上的宽度固定为 200，因此您可以使用左右填充来欺骗浏览器，只需使用网络检查器测量它并添加填充直到以一种不错的方式中断。

【讨论】：