Кросс-браузерные разрывы слов

Question

Я пытался применить кросс-браузерные (современные браузеры) разрывы слов, которые работают в изменяющейся структуре. Моя попытка до сих пор была очень близкой, но у Firefox есть некоторые проблемы, связанные с ней, и трудно найти обходной путь, который не затрагивает другие браузеры. На основании http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ я применил это,

  text-rendering: optimizelegibility;
  -ms-word-break:   break-all;
  word-break:       break-word;
  word-wrap:        break-word;
  -webkit-hyphens:  auto;
  -moz-hyphens:  auto;
  hyphens:  auto;

Тем не менее, это, кажется, вызывает (на основе строки) разрывы в словах в Safari (v 7), а также в Firefox (v 27). Есть идеи?

Answer 1

Разрыв на основе строки вызван word-wrap: break-word;, А также break-word не является допустимым значением для word-break, Вы должны использовать break-all для без префикса word-break также. Проверьте MDN для справки

Что касается дефисов, -moz- должен его поддерживать, но я никогда не заставлял его работать...