web-dev-qa-db-fra.com

débordement de texte: Ellipsis ne fonctionne pas IE

Dans this page, des liens se trouvent dans la barre latérale gauche et sont coupés avec:

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

Dans Firefox/Chrome, il s’affiche correctement: Screenshot from Firefox/Chrome

Malheureusement, Internet Explorer 8/9/10 ...: Screenshot from IE 10

Le problème n’est pas supporté par IE 10 pour le débordement de texte: Ellipsis .. par exemple this fonctionne également sur IE 10! Quel est le problème avec ma mise en œuvre? J'ai aussi essayé d'ajouter -ms-text-overflow: Ellipsis, sans aucune chance.

cssinternet-exploreroverflowcss3
27
MultiformeIngegno

Supprimer la propriété Word-wrap: break-Word devrait vous aider.

40
duri

ajoutez la propriété width à votre code CSS ... cela aiderait.

2
asifsid88

Pour IE, vous devez ajouter du code supplémentaire, comme si vous changiez la propriété ur width, ou si vous utilisiez un plugin dotdotdot jquery, une autre solution ... 

http://dotdotdot.frebsite.nl

Edit: Suivez ce lien 

Quirksmode textoverflow

qui vous indique de définir le width: 100% pour IE ..

0
Lucky