Firefox中的CSS网格单元格宽度大于其内容
我有一个高度为15vw的div，我想在这个div中放置4个图像（每个图像大小为1920*1080px），如果我使用下面的代码，chrome中的所有内容都可以，但在Firefox中，每个图像大小为195*110（可以），但每个网格单元宽度为1920px！我希望每个单元格的宽度等于图像的宽度Firefox中的CSS网格单元格宽度大于其内容,css,firefox,css-grid,Css,Firefox,Css Grid,我有一个高度为15vw的div，我想在这个div中放置4个图像（每个图像大小为1920*1080px），如果我使用下面的代码，chrome中的所有内容都可以，但在Firefox中，每个图像大小为195*110（可以），但每个网格单元宽度为1920px！我希望每个单元格的宽度等于图像的宽度 *{ 保证金：0； 填充：0； 框大小：边框框； } .集装箱{ 背景颜色：绿色； 高度：15vw； 显示：网格； 网格模板行：重复（自动拟合，最小值（100px，1fr））； 网格自动流：列； 网格自动列
*{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
背景颜色：绿色；
高度：15vw；
显示：网格；
网格模板行：重复（自动拟合，最小值（100px，1fr））；
网格自动流：列；
网格自动列：最小内容；
间隙：10px；
}
.形象{
身高：100%；
}将容器标记显示属性更改为“表”，并将显示“表单元格”属性添加到img标记对我来说很有效
*{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
背景颜色：绿色；
宽度：100%；
高度：15vw；
显示：表格；
}
.形象{
宽度：25%；
显示：表格单元格；
填充：10px；
浮动：左；
}