CSS白空间nowrap不增加宽度?

前端之家收集整理的这篇文章主要介绍了CSS白空间nowrap不增加宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在重建类似于< select>的下拉菜单盒子使用div和 jquery.包含下拉项目的div应该具有最小宽度,但没有最大宽度,因为它应该随列表中最宽的项目一起增长(所以如果我有非常长的项目,如'[这是容器中最长的项目)’,整个容器应该与这个入口一样宽.

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

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

提前致谢!

解决方法

块元素的宽度不取决于它们在正常CSS静态布局模型中的内容.您可以获得“收缩适应”行为作为其他布局属性的一部分:

> float:left
>位置:绝对
> display:inline-block
>表

假设没有设置明确的宽度.

猜你在找的CSS相关文章