Мягкий перенос слов в HTML

Иногда возникает необходимость вставить невсталяемое в мега-дизайн дизайнера. Для этих целей в используются мягкие переносы.

В html даже есть пара тэгов. Это специательный код &shy;, который в большинстве браузеров приводит к автоматическому созданию переносов, если слово не влазит в его контейнер по ширине. Если происходит перенос, то создаётся и символ "-". Но в огнелисах до 3-й версии производит нерабочее впечатление. Есть подозрение, что и в 3-м firefox'е проблемы с определением ширины элемента в навороченных css'ах. Поэтому если не работает первый вариант, используем тэг <wbr />. Его минусом является то, что знак переноса (-) не всталяется в место переноса (во сказал :) и тэг является некошерным с точки зрения валидатора, зато работает одинаково во всех доступных мне смотрелках.

Пример кода:

С использованием &shy;:

Это­мего­супердлинное­слово­которое­стопудов­не­влезет­в­место­предусмотренное­дизайном

С использованием <wbr />:

Этомегосупердлинноесловокотороестопудовневлезетвместопредусмотренноедизайном

Тэги:

Обсуждение:

• Автор: Алексей (Анонимус)
• Тема: Прямо-таки во всех?)
• >> зато работает одинаково во всех доступных мне смотрелках.
  Вам недоступны Opera и IE? На этой же странице примеры с в них не работают)
• Отправлено: 2011-10-19 13:32:11

• Автор: Dmitrii Varvashenia
• статья древняя - писано во времена когда doctype блога был ещё просто html и ie6 был огого как крут - второй вариант теперь работать особо и не должен :)
• Отправлено: 2011-10-19 13:47:51