Html 如何使用CSS网格控制图像的大小？

我尝试在一个3x3的网格中设置9个图像，所有图像的高度和宽度都相同。我可以设置网格，但有几个图像比其他的小。下面我只展示了我如何格式化其中一张照片。其他8张照片的HTML是相同的

.items{
显示：网格；
网格模板列：重复（3，1fr）；
}
.item>img{
对象匹配：覆盖；
宽度：100%；
最大高度：100%；
}

Lorem，ipsum
$X.XX

尝试将图像直接作为网格单元放置，而不是包装图像。然后指定<>代码>项目> img{显示：块；对齐自己：正常；}也不要使用<代码> div < /> >考虑<代码>图< /C>元素，连同<代码>图> <代码>。