防止在调整浏览器大小时多行div换行

问题描述

我要实现以下设计

  • 我有一个absolute位置的包含文本的div,它有一个max-width
  • 当div完全位于视口中时,它可以占用max-width所允许的宽度,并且如果文本很多,则可以换行。
  • 在调整浏览器大小/显示页面时,应该将div视口之外的部分剪切掉。 div 不应调整大小或引入新的换行符。

因此,基本上是一个multi-div,无论视口大小如何,其形状都保持不变。我该怎么办?

编辑:阐明我想做什么:

这是我调整视口大小之前的div:它具有max-width但没有固定的宽度。黑色部分标记了我的视口的右边缘。

enter image description here

这是我使浏览器变得更狭窄之后当前正在发生的事情。

enter image description here

请注意,它尝试通过调整大小来保留在视口中。取而代之的是,尽管调整了视口的大小,但我还是希望div具有固定的形状。我知道我可以使用white-space:nowrap来做到这一点,但是我希望div具有换行符。我也不想指定固定宽度。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)