首页 > 解决方案 > 使用换行的内容水平调整 HTML 对话框标签的大小?

问题描述

代码笔

我有一个dialog充满内容的 HTML 标签。我希望内容响应其容器的高度,当内容大于容器时包装以创建一个新列。出于美学原因,我对容器的高度也有限制

我正在完成此操作,flex-flow: column wrap并且可以很好地使内容创建一个新列,但是包含对话框没有调整大小以包含它。有没有办法让dialog标签随着内容的流动而增长以包含内容?

标签: htmlcssflexboxdialog

解决方案


这是一个已知问题:当 flexbox 项目以列模式换行时,容器不会增加其宽度

tl;dr- 当前浏览器不会水平扩展已flex: column wrap设置的 flex 容器,尽管它们会垂直扩展flex: row wrap


推荐阅读