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自动换行，分词和空格属性以及<wbr/>标记。

Answer 2

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