我正在重建类似于< select>的下拉菜单盒子使用div和 jquery.包含下拉项目的div应该具有最小宽度,但没有最大宽度,因为它应该随列表中最宽的项目一起增长(所以如果我有非常长的项目,如'[这是容器中最长的项目)’,整个容器应该与这个入口一样宽.

现在我几乎得到了我想要的,使用白色空间：nowrap为容器中的每个项目,所以一个项目的文本将不会继续在新的一行.使用的问题是使用的文本流,而不是让文本沿着文本生长.我不知道如何解决这个问题.我已经尝试了文本溢出：省略号,但似乎只是隐藏了溢出的文本,并在最后添加了三个点(…).

所以这里是我的问题：简单来说,如何在一个div内部增加一个div,如果应用了white-space：nowrap,而不是让文本流出来呢？我不想使用overflow隐藏文本：hidden,我想显示整个字符串..

提前致谢！