wrapping a long text without space

wrapping a long text without space


i have a table records which has several columns. I tried to set in the container of one those columns a width of 60 px and ask for wrapping a long text without spaces. I set this CSS code in the container. It works for CHROME. BUT for the IE11 (which I hate) it is not working! any hints to overcome this for IE 11?

SyntaxEditor Code Snippet

.WrapContainerDname {
         -ms-word-break: break-all;
    word-break: break-all;

     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, textarea, div.WrapContainerDname { white-space: pre-wrap !important; color:#f00; }


add that little gem...

(well, not the color ofc :) )

edit: updated the fiddle, was the old-one


thanks. it worked. But what is the rationale for several browsers have NOT a standard CSS code (KISS it is not applied here)? It is very annoying!

because it's a standard :P

no serious, the standard is ambigious, so it's really tough..

it's annoying sadly..