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

Question

如果出现连字符，如何让浏览器换行，而不是一行文本中的最后一个字母，没有空格？

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

这是我的现场示例：

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

结果是这样的：

Members-Onl
y Menu

我需要它像这样出来：

Members-
Only Menu

怎么可能呢？

Answer 1

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

Answer 2

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

更多信息在这里。