16

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

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

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

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

4

2 回答 2

19

有一个选项可以用作和display之间的中途之家，专为这种情况而设计......inlineblock

它被称为

display:inline-block;

使用 this 而不是block，您的元素仍将像 一样在您的内容中流动inline，但将充当block其内容的 a ，这意味着您的省略号应该有效。

于 2013-07-24T15:33:43.953 回答
11

您不能应用于text-overflow内联元素。

http://dev.w3.org/csswg/css-ui/#text-overflow

于 2013-07-24T15:22:25.490 回答