Skip to Content (Press Enter)
2016-07-12 16-07-47
Jorge Almeida
2680Views
3Comments
Solved
wrapping a long text without space
Question

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;
        
                   
 }
0
0
21 Sep 2017
Copy Link
2016-04-21 20-09-55
J.
 
MVP
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


3
0
21 Sep 2017
Copy Link
2016-07-12 16-07-47
Jorge Almeida

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!


0
0
21 Sep 2017
Copy Link
2016-04-21 20-09-55
J.
 
MVP

because it's a standard :P

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

it's annoying sadly..


0
0
21 Sep 2017
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.