如何打破连字符而不是最后一个字母？答案

【问题标题】：How to Break on Hyphen Instead of The Last Letter?如何打破连字符而不是最后一个字母？
【发布时间】：2015-08-03 02:13:32
【问题描述】：

如何让浏览器在连字符出现时换行，而不是在没有空格的文本行上换行？

没有发现分词和自动换行之间的区别。

这是我的实例：

<div style="word-break:break-normal;font-size:14px;width:109px;">
    Members-Only Menu
</div>

结果是这样的：

Members-Onl
y Menu

我需要它像这样出来：

Members-
Only Menu

如何做到这一点？

【问题讨论】：

【解决方案1】：

查看 CSS word-wrap、word-break 和 white-space 属性，以及 <wbr/> 标记。

【讨论】：

【解决方案2】：

CSS 属性hyphens: manual 会导致单词仅在连字符处被打断。遗憾的是，Chrome、Android 浏览器或低于 IE10 的任何浏览器都不支持此属性。

【讨论】：