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

Question

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

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;
オーバーフロー: 非表示;
テキスト オーバーフロー: 省略記号;

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