インライン要素を持つCSS省略記号？
選択したすべてのラベルがテキストに表示されるようにjQueryUI MultiSelectウィジェットを調整しましたが、選択する要素が多すぎると、テキストがトリミングされて省略されます。私はそうしました：
.ui-multiselect .selected-text {
display: block;
max-width: 190px;
overflow: hidden;
text-overflow: Ellipsis;
white-space: nowrap;
}
そのソリューションで私が気に入らないのは、display: blockを要素（スパン）に設定する必要があることだけです。これがないと、widthパラメータは無視され、スパンはテキストサイズに拡張されました。
Ellipsisをインライン要素で動作させることは可能ですか（displayをblockに変更せずに）？もしそうなら、それを達成する方法は？
displayとinlineの中間の家として機能するblockオプションがあり、まさにこの種の状況のために設計されています...
それは呼ばれています
display:inline-block;
blockの代わりにこれを使用すると、要素はinlineであるかのようにコンテンツに流れますが、コンテンツのblockとして機能します。つまり、省略記号です。動作するはずです。
インライン要素にtext-overflowを適用することはできません。