ray wrote:
> Look at this page http://soundbowl.com/views/test.html. What I expect
> is to make the long text separated by '/' character wrap at the '/'
> or white space character. Also, FF and IE seems have the different
> layout. Can somebody give me some advice? Thanks in advance.
It would be nice if we could say in CSS something like "treat characters ...
as allowing a line break after them". But we can't; nobody defined, still
less implement, such a feature.
Browsers may treat some characters that way, but this depends on their
built-in routines. There is considerable variation, as modern browsers try
to implement part of Unicode line breaking rules, usually in a broken way -
and the routines that handle this are immune to CSS suggestions.
What you can do is to use the <wbr> tag after each such character, e.g.
Writer/<wbr>Producer/<wbr>Remixer/<wbr>Composer
This works well on the vast majority of browsers. It does not conform to any
HTML specification. There are other, clumsier ways around the problem, and
those that actually work rely on CSS. But they require CSS _and_ extra
markup _and_ usually some kludgery, like
Writer/<span class="dummy"> </span>Producer/<span class="dummy">
</span>Remixer/<span class="dummy"> </span>Composer
with e.g.
.dummy { font-size: 1px; }
More info: http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest
--
Yucca, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
