CSS网格：如何使单元的宽度调整？

编程问答 2022-08-14

问题描述

我正在使用CSS网格显示在页面上布置项目网格（可以是卡片，文本，iframe等），但是有时该列表中的项目可能比其他项目宽，因此会发生溢出。我该如何解决？我注意到，就高度而言，当有更多内容时，列实际上会进行调整，而我当前的设置没有任何问题。

.wrapper-content {
 display: grid;
 grid-template-columns:repeat(auto-fill,minmax(11rem,auto));
 grid-auto-rows: minmax(12rem,auto);
 grid-gap: 1em;
}

这是问题所在，如您所见，iframe比其周围的卡片大，因此被遮盖了。

enter image description here

解决方法

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

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

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

css-gridoverflow