Я пытаюсь добавить автоматические дефисы CSS3 в свои статьи. Проблема заключается в том, что тег не влияет на текст.CSS3 дефисы не применяются
Я установил
.entry p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
... но ничего не происходит.
Here страница примера Я говорю (BTW, вы не увидите вышеупомянутый CSS на реальном сайте, но я попытался с Firebug).
Проблема в этом случае отсутствует в атрибуте lang. Без этого определения веб-браузеры не знают, как переносить страницу, потому что они не знают, на каком языке они переносятся.
Добавление этого атрибута устранит проблему в браузерах, поддерживающих перенос.
Вы не указали, какой браузер вы используете.
Согласно this article, браузер Chrome и Android фактически поддерживает -webkit-hyphens: none, значение по умолчанию, но ни одно из других значений.
И в Firefox и Internet Explorer автоматическая перенос выполняется только для некоторых языков (определяется атрибутом lang).
Редактировать: Вот Mozilla page, в котором говорится: «Это экспериментальная технология».
Uhm, я пробовал с Firefox – MultiformeIngegno
Атрибут 'lang' не указан на странице справки. Возможно, попробуйте добавить его и посмотреть, исправляет ли это это? – randak
@ randak был прав. с атрибутом lang теперь он работает даже в неанглийских языках :) – MultiformeIngegno
Это работает, если вы положили кучу случайного английского текста? – randak