Jquery 当我在primefaces中对li进行overflow-x隐藏时，我得到了一个奇怪的工件，它是什么？为什么？

如何才能使长物品停止包装

我添加了以下css：

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
}

这给了我以下的结果：

然后我试着：

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

这给了我以下的结果：

然后我试着：

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

这给了我以下的结果：

---

css的最后一个版本基本上满足了我的需求，但它在每个值行的末尾引入了灰色框。这些盒子是什么？它们来自哪里？他们为什么在那里？如何摆脱它们？

灰色框是每个li中的小滚动条。 尝试使用

溢出：隐藏

li.ui-selectlistbox-item {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

你能给我一个jsfiddle吗？@Jaxon我不能，因为做纯、简单的html5-ul并没有表现出这个问题。与primefaces如何构建html或primefaces包含的css文件有关的问题导致了这个问题，我之所以发布这个问题，是因为我无法在primefaces之外重新创建问题，也无法在primefaces内获得所需的结果。感谢@Marcel that that Hilary，一个垂直滚动条。我会尽快接受你的答复。我从来没有想到过。@RobertoMurphy我自己也有过类似的事情发生，这都是关于点击正确的位置：）