WBR и его эмуляция
19.05.2009 20:35
Некоторые, наверное, знают про тег WBR, когда-то давно использовавшийся для того, чтобы переносить слишком длинные слова, если возникает такая необходимость. Основные проблемы этого тега две:
- он не работает в Опере
- он не валидный
К счастью, эмулировать его достаточно легко. Кроме того, при помощи этой эмуляции можно починить поведение тега в Опере.
Вот примерное решение:
- HTML
lalala<i class="wbr"></i>lalala- CSS
WBR, .wbr { display:-moz-inline-box; display:inline-block; }
Единственный момент, который остаётся за рамками эмуляции: в IE WBR может создавать разрыв строки при white-space:nowrap.