Html 使网格容器居中

#面板b{
背景：浅蓝色；
显示：网格；
网格模板列：重复（自动拟合，300px）；
}
.卡片{
背景：金；
}
.imgcard{
显示：块；
宽度：100%；
保证金：0自动；
}

标题
标题
... 等等——大约50张卡片

使网格容器的父容器成为具有居中属性的柔性容器

正文{
显示器：flex；
证明内容：中心；
}
#小组B{
flex:1；/*告诉网格容器获取flex容器的全宽*/
显示：网格；
网格模板列：重复（自动拟合，最小值（300px，1fr））；
栅隙：10px；
背景：浅蓝色；
}
.卡片{
背景：金；
}
.imgcard{
显示：块；
宽度：100%；
保证金：0自动；
}

标题
标题
标题
标题
标题
标题

使网格容器的父容器成为具有居中属性的柔性容器

正文{
显示器：flex；
证明内容：中心；
}
#小组B{
flex:1；/*告诉网格容器获取flex容器的全宽*/
显示：网格；
网格模板列：重复（自动拟合，最小值（300px，1fr））；
栅隙：10px；
背景：浅蓝色；
}
.卡片{
背景：金；
}
.imgcard{
显示：块；
宽度：100%；
保证金：0自动；
}

标题
标题
标题
标题
标题
标题

由于页面上的其他元素，我不能使用

body-display:flex

。这是一个基于您问题中的代码的概念。事实上，您可能会将

#panelb

的父级作为flex容器，不管它是什么。由于页面上的其他元素，我不能使用

body-display:flex

。这是一个基于您问题中的代码的概念。实际上，您可能会使

#panelb

的父级成为flex容器，无论它是什么。这在使用

网格模板列时是不可能的：repeat（auto-fit，300px）定义为宽度。否则，如果网格容器在相关轴上具有确定的最小大小，则重复次数是满足该最小要求的最小可能正整数。否则，指定的轨迹列表只重复一次。@Paulie_D，我想发明
网格
技术是为了解决比网格容器居中更复杂的布局问题。这在使用
网格模板列时是不可能的：repeat（auto-fit，300px）定义为宽度。否则，如果网格容器在相关轴上具有确定的最小大小，则重复次数是满足该最小要求的最小可能正整数。否则，指定的轨迹列表只会重复一次。@Paulie_D，我想
grid
技术是为了解决比网格容器居中更复杂的布局问题而发明的。