Can anyone please tell me why word-wrap: break-word will not work in IE8?
I have this working in other browsers but IE8 refuses to listen despite reading this post on their site?
http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx
Thanks
If I recall correctly, word-wrap: break-word; is indeed supported in Internet Explorer 8, but the styled element must have layout.
I found that to apply word-wrap to a td (table cell) I needed to style the table element with table-layout: fixed. (IE8 standards mode.)
Try this word-break: break-all; , for IE8 and IE9 it is working :)
You can use
-ms-word-break: break-all;
After looking at this example code from Microsoft:
https://msdn.microsoft.com/en-us/library/ms531186%28VS.85%29.aspx
I managed to fix my issues with IE-8 with the following addition to the document and header:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
...and then use this (official) CSS directive:
word-wrap: break-word;
来源：https://stackoverflow.com/questions/3997223/word-wrapbreak-word-not-working-in-ie8