angular.js - Bagaimana untuk menggunakan "..." untuk menyatakan apabila teks kotak lungsur turun jenis ini terlalu panjang?

Question

Bagaimana untuk menggunakan "..." untuk menunjukkan bahawa teks dalam kotak lungsur ini terlalu panjang? Saya cuba menetapkannya mengikut jawapan orang kedua tetapi ia tidak berjaya

Answer 1

Saya tidak tahu cara menggunakan pilihan asli. . .

Dua pemikiran:

1. Jangan gunakan select asli, cuma tulis select anda sendiri Semuanya mudah dikawal dan tidak sukar jugaselect，自己写一个select好了，一切都好控，而且也不难

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

pilihan Gunakan kaedah js untuk memotongnya Anda boleh memotongnya mengikut panjang bait dan menambahnya pada pilih🎜🎜. 🎜

Answer 2

lebar: Lebar yang anda ingin tetapkan
overflow:hidden
text-overflow:ellipsis
white-space:nowrap

Answer 3

Tetapkan lebar kotak lungsur dan kemudian tetapkan paparan:block;white-space:nowrap; text-overflow:ellipsis;

Answer 4

Selepas menyediakannya, ia tidak berfungsi, saya menyemak sama ada kod itu telah disediakan dan kesannya tidak berubah

Answer 5

ruang-putih: nowrap;
limpahan: tersembunyi;
limpahan-teks: elipsis;

Dengan cara ini, jika melebihi saiz elemen induk, ia akan menjadi elipsis Jika ia tidak berguna, periksa sama ada lebar elemen induk itu terlalu lebar