Comments on: Word-Wrap: A CSS3 Property That Works in Every Browser

By: Ursula

Ursula — Fri, 11 Nov 2011 21:58:48 +0000

Thanks a lot, works like a charm! I thought I’d go crazy, but I guess, I just have to keep removing elements in firebug, until I find the problem line (or bug some helpful person like you!).

Ursula

By: Louis Lazaris

Louis Lazaris — Fri, 11 Nov 2011 20:24:58 +0000

Hey, Ursula. Wow, you almost had me stumped here! :) I couldn't figure out why it wasn't working on your site. But finally (okay, it only took like 10 minutes...), after some fiddling, here's what seems to be the problem: You'll notice the HTML that holds the long text is structured like this:




[long text goes in here]

The element with the class field-items has "float: left" in the CSS. If you remove the "float: left", then this will fix it. You can also fix it by adding a width of 700px (which I think matches the proper width of that section) to that element, if you want to keep the "float: left" intact. You can also fix it by adding a set width (I'm assuming 700px) to the div that's next (the one with the two classes field-item even). But the cleanest way to fix it is to remove the float from the "field-items" div. Hope that helps. :)

By: Ursula

Ursula — Fri, 11 Nov 2011 19:51:19 +0000

I am trying to get this to work on a drupal site, to display amino acid sequences, which are just long strings of letters. It works fine in opera, but nowhere else. Maybe, you can help me figure out the problem? I am puzzled.

http://modbase.compbio.ucsf.edu/projects/membrane/tmhdomain/9966865

Thanks! Ursula

By: Louis Lazaris

Louis Lazaris — Tue, 01 Nov 2011 10:47:40 +0000

What do you mean by “on Google calendar”? I don’t know anything about Google calendar, but why would you need to use CSS on it? Does it let you do that? I’m not sure what you’re asking…?

By: Will

Will — Tue, 01 Nov 2011 10:41:36 +0000

P.S. Using Chrome

By: Will

Will — Tue, 01 Nov 2011 10:41:12 +0000

I couldn’t get this to work on Google calendar. Am I missing something?

By: tkane2000

tkane2000 — Thu, 08 Sep 2011 13:27:49 +0000

By: teste

teste — Thu, 28 Jul 2011 13:14:12 +0000

By: Doron

Doron — Thu, 07 Jul 2011 19:10:04 +0000

For Safari 5.0.5, I was only able to get this to work by putting “word-wrap: break-word;” as an inline style. Very odd, and clumsy code, but at least it works this way.

By: Goahead,youhavemypermission(onthispostonly!)topostlongstringsofunbroken,space-lesstextinthecomments.You'llnoticethatthetextwillstillappear,exceptitwillnotbreakoutsideofthecommentarea.Ofcourse,Ican'tbeblamedifyourcommentgetsfilteredasspam.Imi

Tue, 21 Jun 2011 14:16:36 +0000

Goahead,youhavemypermission(onthispostonly!)topostlongstringsofunbroken,space-lesstextinthecomments.You’llnoticethatthetextwillstillappear,exceptitwillnotbreakoutsideofthecommentarea.Ofcourse,Ican’tbeblamedifyourcommentgetsfilteredasspam.Imighthavetofishouttheonesthatgetflagged.