Updated the wbr page with the ­ entity
and a table outlining the resulting incompatibility soup.
This is the blog of Peter-Paul Koch, web developer, consultant, and trainer.
You can also follow
him on Twitter or Mastodon.
If you like this blog, why not donate a little bit of money to help me pay my bills?
Comments are closed.
Posted by Malcolm
1 June 2005
<wbr> doesn't work in Konqueror/KHTML (I tested versions 3.2.1, 3.3.2 and 3.4.0).
Interestingly however, <wbr /> works just fine. Firefox and IE seem just as happy with it too.
Unfortunately, this workaround fails in Safari (be it version 1.2.5, 1.3 or 2.0).
Posted by nameless
24 June 2005
Please read http://www.cs.tut.fi/~jkorpela/shy.html
It explains why should not be used. There are some fundamental flaws with it.
Posted by Christopher Walker
24 September 2005
In Safari 1.3.1, using <wbr></wbr> works well. *Be sure* to include both the opening and closing tags as shown, without any text between. In my tests, using <wbr> or <wbr/> alone did not work. Apple's documentation on this extension implies that some content should go between the opening and closing wbr tags, and thus I tried with some empty content. See:
Many non-English languages, such as Tibetan, need this extension for correct line-breaking when the browser does not yet recognize the proper Unicode-specified breaking rules for a given language.
Posted by Malcolm
26 September 2005
I just checked the <wbr></wbr> solution.
Apart from Safari, it also looks good in IE6/PC, IE5/Mac and Firefox 1.0.7
In Konqueror 3.2.1 some very strange line-breaking results.
Posted by Tim Starling
21 February 2006
Apparently the current IE7 beta handles more or less correctly.
Posted by xavi
22 April 2006
In Safari (1.3.2) you can get the same effect than with using the value "break-word" with the "word-wrap" property of the CSS3 Text Effects Module
And this word-wrap solution is standard (well, I guess that technically not yet, because CSS3 is still a working draft, but it will be a standard eventually and, anyway, it works right now in Safari).
Posted by Vitaly
17 July 2006
The works in IE on Windows (not tested on Mac) if it uses Lucida Sans font. The point is that this font is included in Windows since 95. So we can use something like this:
And define wbr:
font-family: Lucida Sans;
Posted by Alexander Kulikov
31 July 2006
style gives IE 5.0 compatibility to wbr tag.