Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Перенос после дефиса, как в IE

Автор: SelenIT 31.10.2007, 01:33

Известно, что IE переносит слова по дефису, если они не влезают в ширину колонки, а Мозиллы - нет. Мне нужно кроссбраузерное поведение как у IE (чтоб переносило). Пока не придумал ничего лучше, как вставлять после дефисов по всему тексту что-нибудь вроде <i style="font-size:1px;margin-right:-1px"> </i>, т.е. не занимающий места строчный элемент с пробелом внутри. Но это беобразный костыль, и я уверен, что есть нормальное решение - может быть, проприетарное свойство CSS (типа word-wrap в том же IE) или некий специальный символ в юникоде (лучше всего специальный вид дефиса/короткого тире с таким свойством, в крайнем случае, не занимающий места аналог пробела). Если подобное существует и поддерживается хотя бы "большой четверкой" или даже "тройкой" браузеров - подскажите, пожалуйста!

Автор: Stampede 31.10.2007, 05:03

Я тоже недавно столкнулся с подобной проблемой. Длинные беспробельные строки (в частности, УРЛы) не переносились в Мазиле и Опере, из-за чего не рассчитанный на такое поведение дизайн порядком корежило.

Как выяснилось, проблема решаемая. Достаточно в местах предполагаемого переноса (например, после спецсимволов или просто через каждые несколько символов) вставить тэг <wbr>, который как раз и служит для этой цели. После этого все начинает работать как надо, и только для Оперы, которая не понимает этого тега (зато понимает псевдокласс :after), нужно дополнительно прописать CSS-хак:

Код


wbr:after {
    content: "\00200B";
}

Здесь символ \00200B - 'это знак "мягкого" переноса, понимаемый Оперой.

Подробнее обо всех этих вещах, включая "живую" матрицу совместимости, можно прочитать у Коха: http://www.quirksmode.org/oddsandends/wbr.html.

Ну и далее по Гуглю smile

Автор: SelenIT 31.10.2007, 06:26

Stampede, огромное спасибо! прекрасно подошел для FF, Safari и Оперы 9. <wbr> почему-то 9-я Опера отображает как дефис (аналогично ), это в моем случае не годится, т.к. один дефис уже есть. В 8-я Опере у меня почему-то с этими дефисами какая-то путаница (кеш шалит, видно), завтра на другой машине проверю, если что - имхо, в наши дни уже не катастрофа. В любом случае, ++!