Пересылка переносов WebKit

Кто-нибудь успешно смог выполнить перенос в любом из браузеров WebKit? Я пробовал стиль CSS3 hyphenation, а также -webkit-hyphens: auto. Никаких кубиков ни для одного из них. Или, может быть, я делаю что-то неправильно?

Примечание. Я только пробовал Safari и Chrome на Mac.

Обновление: Пример кода

<html>
  <head>
    <style>
      div {
        -webkit-hyphens: auto;
      }
    </style>
  </head>
  <body>
     <div style="width: 150px; border: solid 1px black;">
       <p>Anaideia, spirit of ruthlessness, shamelessness, and unforgivingness</p>
       <p>Supercalifragilisticexpialidocious, Antidisestablishmentarianism, Floccinaucinihilipilification, Hippopotomonstrosesquipedaliophobia</p>
     </div>
  </body>
</html>

Ответ 1

-webkit-hyphens отлично работает на iOS 4.2 и выше и частично поддерживается в ночных клубах webkit.

Webkit:

iOS 4.3:

Ответ 2

Он работает в Safari (тестируется с Safari 5.1 на OS X Lion и Safari на iPad), а не с Chrome. См. http://caniuse.com/css-hyphens для поддержки браузеров дефисов.

Вот как абзацы оформлены в проекте 320 и выше (http://www.stuffandnonsense.co.uk/projects/320andup/):

p {
    hyphens:auto;
    text-align:justify;
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
}

(последняя строка для Firefox)

Таким образом, оправданный текст в браузерах, который был большим нет-нет, постепенно становится реальностью.

Ответ 3

Лучшие дни идут... После просмотра Редакторы рабочего проекта - В приведенном примере я думаю, что лучшим в будущем будет "переполнение" -заворачивать:'. "Дефис:" действительно больше подходит для общих требований к форматированию, тогда как переполнение - это случай чрезвычайных ситуаций с чрезмерно длинными словами, которые требуют нарушения. Наилучшее значение было бы

* {
overflow-wrap:hyphenate. 
}

Увы, overflow-wrap, похоже, не поддерживается каким-либо образом только на iphone или firefox и переполнением: перенос даже не работает в рабочем проекте. (Sadface)