根据 flex-item 高度打开和关闭 flex wrap 和 nowrap

问题描述

我的 flexBox 出现了包装问题,并且没有包装以实现响应式设计。我有两个水平并排的 flex 项目。第一个项目的宽度为 340px,永远不会改变。隔壁的第二个项目是动态文本。我使用 flex-grow 使其增长到 flex 容器的末尾。但是,当视图框缩小以进行响应式设计时,这不会换行。

如何根据第二个项目的最大高度打开和关闭 flex-wrap 和 Nowrap?所以如果第二个项目的内容超过了 300px 的 max-height,我想从 no-wrap 转到 wrap。

这样我的应用桌面版和移动版之间的空白就减少了。

解决方法

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

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

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