CODEWITHSUNDEEP
cssinternet-explorer-8word-wrap
Sixfoot Studio
Sixfoot Studio

Reputation: 3011

word-wrap:break-word not working in IE8

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

Upvotes: 53

Views: 50982

Answers (5)

Magnus
Magnus

Reputation: 31

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;

Upvotes: -1

Abhishek Mehta
Abhishek Mehta

Reputation: 1445

You can use

-ms-word-break: break-all;

Upvotes: -1

Satish Sharma
Satish Sharma

Reputation: 3294

Try this word-break: break-all; , for IE8 and IE9 it is working :)

Upvotes: 12

Marc Stober
Marc Stober

Reputation: 10527

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.)

Upvotes: 19

Fr&#233;d&#233;ric Hamidi
Fr&#233;d&#233;ric Hamidi

Reputation: 263187

If I recall correctly, word-wrap: break-word; is indeed supported in Internet Explorer 8, but the styled element must have layout.

Upvotes: 52

Related Questions