2016-06-30 8 views
0

text-overflow:ellipsis doesn't work on IE LÖSEN SIE DAS PROBLEM HIER. In diesem Fall gilt -ms-text-overflow nicht die Ellipse hier.css Ellipsis funktioniert nicht in IE

Ellipsis funktioniert nicht in IE8 und 9. Es scheint -ms-text-overflow Eigentum tut nichts.

<div class="client"> 
    <span class="client-name">Some Client Long Name</span> 
</div> 

.client { 
    display: block !important; 
    white-space: nowrap !important; 
    text-overflow: ellipsis !important; 
    -ms-text-overflow: ellipsis !important; 
    width: 170px !important; 
    overflow: hidden;   
    word-wrap: normal !important;   
    float:left;  
    padding: 8px 10px 0px 10px; 
} 

.client-name { 
    color: #AFAFAF; 
    font-size: 20px; 
    text-transform: uppercase; 
} 
+0

Mögliches Duplikat von [text-overflow: Ellipse funktioniert nicht auf IE] (http://stackoverflow.com/questions/146 64195/text-overflowellipsis-doesnt-work-on-ie) – Scott

+0

und: http://stackoverflow.com/questions/13257991/cannot-get-ellips-is-a-link-text-in-ie-9-and-ie8 – Scott

+0

Was ist dupliziert ?, ich habe diesen Beitrag bereits gelesen und es verwendet auch die -ms-Text-Überlauf-Eigenschaft. – Guille

Antwort

0

Dies funktioniert in IE8:

.client { 
    float:left; 
    padding: 8px 10px 0px 10px; 
    width: 170px !important; 
} 

.client-name { 
    display: block !important; 
    white-space: nowrap !important;   
    overflow: hidden;   
    word-wrap: normal !important; 
    text-overflow: ellipsis !important; 
    -ms-text-overflow: ellipsis !important; 
    color: #AFAFAF; 
    font-size: 20px; 
    text-transform: uppercase; 
}