CSS 省略号与内联元素？

我已经调整了 jQuery UI MultiSelect Widget，以便文本将显示所有选定的标签，但如果选择显示太多元素，则文本将被修剪和省略。我是这样做的：

.ui-multiselect .selected-text {
    display: block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

我在该解决方案中唯一不喜欢的是我必须设置display: block到元素（跨度）。如果没有它，宽度参数将被忽略，跨度将扩展到文本大小。

是否可以让省略号与内联元素一起使用（无需更改display to block）？如果是这样，如何实现这一目标？

有一个display作为中间人的选择inline and block，正是针对这种情况而设计的......

它被称为

display:inline-block;

用这个代替block，并且您的元素仍然会在您的内容中流动，就好像它是一样inline，但将充当block其内容，这意味着您的省略号应该有效。