css3 перенос слов: перерыв / перерыв, без дефиса

Question

Спецификации CSS3 говорят, что есть частичная поддержка word-wrap:break-word; В Chrome вы должны использовать word-wrap:break-all; но нет дефиса. я использую text-align:justify; Кто-нибудь придумал решение для дефиса на разрыв слова в Chrome?

Я видел этот вопрос пару раз, но не нашел полного решения.

Вот пример кода того, как я сейчас его использую.

    .threecolumn {
      -moz-column-width: auto;
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -moz-column-rule-color: none;
      -moz-column-rule-style: none;
      -moz-column-rule-width: 0;
      -webkit-column-width: auto;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      -webkit-column-rule-color: none;
      -webkit-column-rule-style: none;
      -webkit-column-rule-width: 0;
      column-width: auto;
      column-count: 3;
      column-gap: 20px;
      column-rule-color: none;
      column-rule-style: none;
      column-rule-width: 0;
      text-align: justify;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      word-wrap: break-word;
      word-break:break-all; /* chrome, no hyphens :( */
    }

jsFiddle

Работы найти в FF и Safari.

Использование: Firefox:17 Chrome: 23 Safari: 6.0.2

Answer 1

Google Chrome не поддерживает функцию "дефисы" в CSS4: http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text

Я только что попросил поддержки, если они могут добавить функцию / поддержку для свойства. Надеюсь, они добавят это..........