Css 具有网格布局的长方体图像

你好，我正在做一个网格系统 此外：

.grid\u布局{
显示：网格；
栅隙：6px；
网格模板列：重复（6，1fr）；
网格模板行：自动；
}
.项目：第n个孩子（1），
.项目：第n个孩子（2），
.项目：第n个孩子（3）{
格构柱：跨度2；
}
.画廊(展品){
显示器：flex；
弯曲方向：立柱；
}
.bg img{
宽度：100%；
身高：100%；
边框：1px纯绿色；
}

您可以使用和来实现这一点

.grid\u布局{
显示：网格；
栅隙：6px；
网格模板列：重复（6，1fr）；
网格模板行：自动；
}
.项目：第n个孩子（1），
.项目：第n个孩子（2），
.项目：第n个孩子（3）{
格构柱：跨度2；
}
.画廊(展品){
显示器：flex；
弯曲方向：立柱；
}
.bg img{
宽度：100%；
身高：100%；
边框：1px纯绿色；
}
.项目：第n个最后的子项（-n+3）{
格构柱：跨度2；
}
.item>.description{
左边框：2倍实心#000；
}

Lorem ipsum dolor sit amet

阿迪皮斯精英圣职酒店

这是劳动和就业的暂时性变化

使文本与第一幅图像相似。每一个都将跨越2列Shello我有没有办法只使用3个单独的列？为什么我可能在使用for each和流行的图像和texts@MykonSpt你说的“只做3列”是什么意思？你能解释更多的细节吗？在这种情况下，我想做一个显示：flex和spacebetween无对齐内容，在每个子级中都有一个显示网格