セマンティックUIのドロップダウン幅

Question

私はセマンティックUIのドロップダウンを使用しています。ここでメイン（トップ？..わかりません）オブジェクトは固定幅を持ち、選択可能な項目は任意の幅を持つことができます。すべての項目の値が短い場合は問題ありませんが、長すぎるものが選択されたときにトップオブジェクトが選択された値を受け取り、テキストが複数の行に折り返されます。

ドロップダウンの高さが2倍または3倍などになるため、表示がうまくできません。

セマンティクスUIには、値の許容できる部分文字列のみを表示する組み込みオプションがありますか？たとえば、私たちは内側の項目の値を持っているし、我々はそれを選択した場合：トップオブジェクトでA veeery looong name in a veeery shooort dropdown

は、私は3行を取得：

A veeery looong name in a veeery shooort dropdown

を..しかし、私のような何かをしたいです：

A veeery looong ..

は..ので、1行目に示すことができます。組み込みオプションがない場合は、どのように固定幅フォントファミリとカウント文字を使用せずにこれを達成できますか？

Answer 1

これを試してみてください：

select{ 
    width:200px; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}