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 {
        width:60px;
         -ms-word-break: break-all;
    word-break: break-all;


     word-break: break-word;

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

https://jsfiddle.net/koxch0uw/1/


add that little gem...

(well, not the color ofc :) )


edit: updated the fiddle, was the old-one


Solution

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