Как сломать Hyphen вместо последнего письма?

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.

More info here.