it-swarm.com.de

textüberlauf: Ellipsis funktioniert nicht IE

In diese Seite gibt es einige Links in der linken Seitenleiste, die mit abgeschnitten werden:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: Ellipsis;
    white-space: nowrap;
}

In Firefox/Chrome wird es richtig angezeigt: Screenshot from Firefox/Chrome

Leider Internet Explorer 8/9/10 ...: Screenshot from IE 10

Das Problem ist nicht die Unterstützung von IE 10 für Textüberlauf: Ellipsis .. zum Beispiel this funktioniert auch auf IE 10! Was ist los mit meiner Implementierung? Ich habe auch versucht, -ms-text-overflow: Ellipsis hinzuzufügen, ohne Glück.

27

Das Entfernen der Word-wrap: break-Word-Eigenschaft sollte helfen.

40
duri

fügen Sie Ihrem CSS-Code die width-Eigenschaft hinzu.

2
asifsid88

Für IE sollten Sie zusätzlichen Code hinzufügen ... wie das Ändern der ur width-Eigenschaft .. oder verwenden Sie ein Dotdotdot-Jquery-Plugin 

http://dotdotdot.frebsite.nl

Bearbeiten: Folge diesem Link 

Quirksmode Textoverflow

was bedeutet, dass Sie width einstellen: 100% für IE ..

0
Lucky