问题描述
我要实现以下设计
- 我有一个
absolute
位置的包含文本的div,它有一个max-width
。 - 当div完全位于视口中时,它可以占用
max-width
所允许的宽度,并且如果文本很多,则可以换行。 - 在调整浏览器大小/显示页面时,应该将div视口之外的部分剪切掉。 div 不应调整大小或引入新的换行符。
因此,基本上是一个multi-div,无论视口大小如何,其形状都保持不变。我该怎么办?
编辑:阐明我想做什么:
这是我调整视口大小之前的div:它具有max-width
但没有固定的宽度。黑色部分标记了我的视口的右边缘。
这是我使浏览器变得更狭窄之后当前正在发生的事情。
请注意,它尝试通过调整大小来保留在视口中。取而代之的是,尽管调整了视口的大小,但我还是希望div具有固定的形状。我知道我可以使用white-space:nowrap
来做到这一点,但是我希望div具有换行符。我也不想指定固定宽度。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)