CSS word-wrap: break-word don't work on IE9

Question

I have a small css script that force tag word-wrap in a div. It worked fine on FF, Chrome but didn\'t work on IE9. How can I fix it?

.         


        

Answer 1

I have had good success in Chrome, Firefox and IE with using:

word-break: break-word;
word-wrap: break-word;

In my problem case I was using:

display: table-cell;

and I ended up having to include

max-width: 440px;

to get wrapping in all browsers. In most cases the max-width was not necessary. Using

word-break: break-all;

does not work well in IE because although long words without spaces will be wrapped, short words also stop wrapping at spaces.