Monday, April 23, 2012

Word Wrap Css

Today I discovered a new css trick thanks to one of my coworkers at gvpi. I had a grid that would break whenever the string was way to long, for example, if the string said something like, "Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", it would break the styles on the page because the content wouldn't fit nicely into the column I created.

Apparently now there's a trick with the newer browsers called word-wrap. Here's a link:
http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

Basically, it's just a css tag that looks like this: word-wrap:break-word;

Voila! That's it!

No comments:

Post a Comment