Mar 29
Word-Wrap: Force Text to Wrap
Today I’m going to talk about a rarely used but extremely useful CSS property, the word-wrap. You can force long (unbroken) text to wrap in a new line by specifying break-word with the word-wrap property. For example, you can use it to prevent text extending out the box and breaking the layout. This commonly happens when you have a long URL in the sidebar or comment list. Word-wrap is supported in IE 5.5+, Firefox 3.5+, and WebKit browsers such as Chrome and Safari.
CSS: Word-Wrap Property (view demo)
You can specify either normal or break-word value with the word-wrap property. Normal means the text will extend the boundaries of the box. Break-word means the text will wrap to next line.
.break-word {
word-wrap: break-word;
}
Weebly Contest ($13,000 in Prizes) New WordPress Theme: Koi
Comments
Pages: 8 7 6 5 4 3 2 1 » Show All
There are 72 comments (+Add)
Pages: 8 7 6 5 4 3 2 1 » Show All
Loading ...
72 divineantony
September 1st, 2010 at 3:34 am
nice work.
thank u…………
71 Selena
August 31st, 2010 at 2:16 am
Great topic! Thank you very much!
I found a lot of usefull tips here
Thanks for sharing.
70 campi
August 30th, 2010 at 2:12 pm
How do I have to apply to WYSIWYG editor(CK Editor)?
Have just I add this line into:
/template/system/editor.css
or
my template’s css?
Just it?
It doesn’t work;(
69 xxx
August 18th, 2010 at 4:07 am
It seems to work only in IE.
68 cone crusher http://www.iconecrusher.com
August 13th, 2010 at 8:55 pm
Nice..love your site
67 shano
August 11th, 2010 at 4:43 am
youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
66 shano
August 11th, 2010 at 4:42 am
Excellent thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
65 Holly Perkins http://filesharepoint.com
July 27th, 2010 at 1:06 am
Try this one
div { word-wrap: break-word }
Here is some content for the div element
Files Sharing
64 Marcel http://www.nostromo.nl
July 23rd, 2010 at 2:54 pm
Thanks for this, I looked for a few hours how to solve the long_urls_in_sidebar issue
63 zia
July 21st, 2010 at 4:47 am
Nice..love your site