word-wrap:break-word does not seem to work

Question

I used the below word-wrap in a div, but it does not seem to work at all. Any alternatives.

word-wrap: break-word;

This is CSS 3, how about CSS 2 Thanks Jean

Chrome it does work, I dont expect it to work on IE, but does not work on FF — X10nD, Apr 26 '10 at 12:26
It should work in IE (even IE6) and Firefox 3.5+ if I remember correctly. Can't find the page on quirksmode.org right now. — wsanville, Apr 26 '10 at 12:36
It isn't implemented in Firefox 3.6+, but will when css3 is released. — Kyle, Apr 26 '10 at 12:37
Referred Wrapping Long URLs and Text Content with CSS http://perishablepress.com/wrapping-content/ — LCJ, Nov 22 '12 at 11:05
Also refer http://stackoverflow.com/questions/5889508/using-word-wrap-break-word-within-a-table — LCJ, Nov 22 '12 at 11:09

score 2 · Answer 1 · answered Apr 26 '10 at 12:10

2

This is a CSS3 attribute, so make sure that your/the visitors browser supports CSS3.

answered Apr 26 '10 at 12:10

Tim

score 1 · Answer 2 · answered Apr 26 '10 at 12:25

1

Try:

div {

text-align: justify;
white-space: normal !important;

}

and also set a fixed width on the div.

answered Apr 26 '10 at 12:25

Tim

Kyle · Answer 3 · 2010-04-26T12:47:40.200

0

Try:

div.mydiv 
{
    white-space: normal;
}

Above doesn't work.

FF does not support this CSS3 selector as documented here Mozilla.org forum. and Mozilla bug report

Try using overflows or use

text-align:justify;

edited Apr 26 '10 at 12:47

answered Apr 26 '10 at 12:09

Kyle

score 0 · Answer 4 · answered Apr 26 '10 at 12:39

0

Firefox only supports word-wrap from 3.5 (see doc). You can use white-space (doc) for backwards compatibility.

answered Apr 26 '10 at 12:39

Tgr

score 0 · Answer 5 · answered Jul 30 '16 at 17:30

.mydiv1 {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;}

.mydiv2 {
word-break: break-all;}

At class mydiv1 is a combination of 'word-break: break-all' and 'word-wrap: break-word'. While at class mydiv2 only 'word-break: break-all'.

5 Answers5