我正在重建类似于< select>的下拉菜单盒子使用div和
jquery.包含下拉项目的div应该具有最小宽度,但没有最大宽度,因为它应该随列表中最宽的项目一起增长(所以如果我有非常长的项目,如'[这是容器中最长的项目)’,整个容器应该与这个入口一样宽.
现在我几乎得到了我想要的,使用白色空间：nowrap为容器中的每个项目,所以一个项目的文本将不会继续在新的一行.使用的问题是使用的文本流,而不是让文本沿着文本生长.我不知道如何解决这个问题.我已经尝试了文本溢出：省略号,但似乎只是隐藏了溢出的文本,并在最后添加了三个点(…).
所以这里是我的问题：简单来说,如何在一个div内部增加一个div,如果应用了white-space：nowrap,而不是让文本流出来呢？我不想使用overflow隐藏文本：hidden,我想显示整个字符串..
提前致谢！
解决方法
块元素的宽度不取决于它们在正常CSS静态布局模型中的内容.您可以获得“收缩适应”行为作为其他布局属性的一部分：
> float：left
>位置：绝对
> display：inline-block
>表
假设没有设置明确的宽度.