angular.js - この種のドロップダウン ボックスのテキストが長すぎる場合、「...」を使用して表現する方法は?

Question

このドロップダウン ボックスのテキストが長すぎることを示すために「...」を使用するにはどうすればよいですか? 2人目の方が回答されている通りに設定してみましたがダメでした

Answer 1

ネイティブ選択の使い方がわかりません。 。 。

2 つの考え:

1. ネイティブのものを使用する必要はありませんselect，自己写一个selectまあ、すべては簡単に制御でき、難しくありません

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

Answer 2

width: 設定する幅
overflow:hidden
text-overflow:ellipsis
white-space:nowrap

Answer 3

ドロップダウンボックスの幅を設定してから、display:block;white-space:nowrap;overflow:text-overflow:ellipsis;を設定します。

Answer 4

設定後、コードが設定されていて効果が変わっていないことを確認しました

Answer 5

空白: nowrap;
オーバーフロー: 非表示;
テキスト オーバーフロー: 省略記号;

このように、親要素のサイズを超えると省略記号になってしまいますが、ダメなら親要素の幅が広すぎないか確認してください