cssinternet-explorerinternet-explorer-9word-wrapxhtml-transitional

Word-wrap not working in Internet Explorer

When I'm using word-wrap:break-word with Browser Mode: IE9 Compatibility View and Document Mode: IE7 standards its working perfectly fine. However when I change the Document Mode: IE9 standards, its not working. I've also tried using -ms-word-wrap:break-word however its giving me the same result.

Document Type Definition: DTD/xhtml1-transitional.dtd

Can anyone tell me why is it so and if there is any workaround to cope up with it ?

Solution

  • you need to have

    table {
    width:100%;
    table-layout:fixed;
}

    and put word-wrap in table,td,th not into span

    http://jsfiddle.net/d6VsD/7/