angulaire.js - Comment utiliser "..." pour exprimer quand le texte de ce type de liste déroulante est trop long?

Question

Comment utiliser "..." pour indiquer que le texte de cette liste déroulante est trop long ? J'ai essayé de le configurer en fonction de la réponse de la deuxième personne mais cela n'a pas fonctionné

Answer 1

Je ne sais pas comment utiliser la sélection native. . .

Deux réflexions :

1. N'utilisez pas le select natif, écrivez simplement votre propre select. Tout est facile à contrôler et ce n'est pas difficile non plusselect，自己写一个select好了，一切都好控，而且也不难

2. option用js方法截断一下，可以根据字节长度来截断添加到select

   .

option Utilisez la méthode js pour le tronquer. Vous pouvez le tronquer en fonction de la longueur en octets et l'ajouter à select🎜🎜. 🎜

Answer 2

width : La largeur que vous souhaitez définir
overflow:hidden
text-overflow:ellipsis
white-space:nowrap

Answer 3

Définissez la largeur de la liste déroulante, puis définissez display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

Answer 4

Après l'avoir configuré, cela ne fonctionne pas. J'ai vérifié que le code a été configuré et l'effet n'a pas changé

.

Answer 5

espace blanc : nowrap ;
overflow : caché ;
text-overflow : points de suspension ;

De cette façon, si la taille de l'élément parent est dépassée, il deviendra des points de suspension. Si cela ne sert à rien, vérifiez si la largeur de l'élément parent est trop large

.