angular.js - 这种下拉框文字过长时如何用“...”表示呢？

Question

这种下拉框文字过长时如何用“...”表示呢？按第二个人回答的设置了一下不管用

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

.