Ne peut pas obtenir des points de suspension sur un lien texte dans IE9 et IE8

<div class="jspPane" style="padding: 0px; top: 0px; width: 138px;">
   <ul style="display: block;">
     <li class="hyperlink" >
        <span class="xyz1" style="background-image:url(/Content/images/icon_link_16x7.png);"> View on Bing Maps website</span>
    </li>
  </ul>
</div>

////classe //

 ul li {
    color: #137AFF;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: left;
    text-overflow: ellipsis;
    width: 138px;
}
.hyperlink {
    color: #13A3F7;
    font-size: 12px !important;
    text-decoration: underline;
    white-space: nowrap;
}

Mon problème est que je veux obtenir des points de suspension sur le texte à l'intérieur le plus intime durée. Je ne peux pas obtenir les points de suspension sur IE9 et IE8. Sa fonctionne très bien dans Fire Fox. J'ai essayé de l'enlever en durée et en utilisant des div à la place , mais il n'a pas aidé. S'il vous plaît laissez-moi savoir si je suis absent de rien. Toute aide est très appréciée. Je vous remercie.

J'ai aussi utilisé [espace blanc, texte de dépassement de dépassement et de propriétés à l'intérieure de la durée de avec la classe "xyz1"], il n'a pas aidé

InformationsquelleAutor Rahul | 2012-11-06

8

Aussi loin que je peux dire, la lecture de la de développement msdn article concernant text-overflow, vous devez utiliser -ms-text-overflow:
```
ul li {
    color: #137AFF;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: left;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 138px; /* note that this width will have to be smaller to see the effect */
}
```
DÉMO
- MDN a mentionné ne pas utiliser -ms-text-overflow. veuillez vérifier cette lien. Je ne suis pas sûr pourquoi, ils ont mentionné ne pas l'utiliser si.
- Comme indiqué, je vais par Microsoft developer article. Bien que je n'ai pas vraiment.. comprendre pourquoi il a été mis en place, si une raison est même pas donnée par l'article. On ne se contente pas arrêter de faire quelque chose parce que l'autre partie dit de ne pas le faire, et renonce à donner une raison. J'avais l'habitude de tomber à la connaissance des personnes qui ont créé le navigateur, par rapport à une partie à l'extérieur.. n'importe comment corriger l'extérieur de partie est sur ces bizarreries. Du moment qu'ils fournissent une raison, j'ai peut changer cette réponse, mais je ne vois pas vraiment de raison de le faire encore.
InformationsquelleAutor Daedalus - Reinstate Monica
4

white-space: nowrap; est la clé ici, l'article cité par Dédale ne fait même pas l'utilisation de cette classe la valeur de la propriété son propre code d'exemple.
```
ul li {
color: #137AFF;
height: 25px;
overflow: hidden;
padding-left: 5px;
padding-right: 4px;
padding-top: 4px;
text-align: left;
width: 138px;
text-overflow: ellipsis;
**white-space:nowrap;**
}
```
Exemple de travail

InformationsquelleAutor Chris Tauff
4

Ce sont mes réglages, et ils travaillent:
```
    .node-title {
        width: 90%;
        font-size: 95%; 
        color: #4d4d4d; 
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal !important;
    }
```
- C'est la seule solution qui a fonctionné pour moi. Vous avez besoin d'avoir tous les quatre: white-space, overflow, text-overflow et work-wrap définis comme ci-dessus. Dans mon cas, j'ai été absent word-wrap: normal; et dès que j'ai ajouté ce qu'il est maintenant workin
InformationsquelleAutor seyelent
2

Même ceux de deux autres réponses sont correctes, il y a cependant un problème avec elle si vous utilisez des polices personnalisées, par exemple. Google WebFonts.

Démo avec IE8 rendu des points de suspension de mal avec des polices personnalisées:

http://jsbin.com/odiqux/1
- J'utilise une police personnalisée (Google Ouvert Sans) et avoir de travail, avec @seyelent la réponse ci-dessous.
InformationsquelleAutor micadelli
0

@micadelli, j'ai eu un problème similaire avec IE9 où j'ai eu une web-police en fonction de l'icône avant le texte qui aurait dû être rendu avec des points de suspension.

La solution était d'ajouter à la classe:
```
.node-title:before {
    content: '';
}
```
Voir aussi ces questions sur Font-Awesome et Bootstrap:

InformationsquelleAutor martinoss

Vous devez vous connecter pour publier un commentaire.