Html 如何将网格容器水平放置在窗口的中心？

我已经看到了很多关于网格元素的答案，但我希望将网格容器水平居中。下面是我现在掌握的一段代码

.htable{
网格行：1/2；
网格柱：2/3；
}
.hlines{
网格行：1/2；
网格柱：3/4；
}
结果[type='table']{
网格行：2/3；
网格柱：2/3；
}
结果[type='lines']{
网格行：2/3；
网格柱：3/4；
}
形式{
网格行：1/3；
网格柱：1/2；
}
内容{
显示：网格；
网格模板行：5vw 85vw；
网格模板列：20vw 35vw 35vw；
保证金：自动；
}

脉搏：



反搏：





桌子

折线图

在您的情况下，

网格模板列是
20vw 35vw 35vw
，20+35+35=90。因此，为了使其居中，您可以将
填充：0 5vw
或
边距：0 5vw
添加到网格中，并且它将在不接触父元素的情况下工作

内容{
显示：网格；
网格模板行：5vw 85vw；
网格模板列：20vw 35vw 35vw；
利润率：0.5vw；
/*或填充物：0 5vw*/
}
在您的情况下，
网格模板列是
20vw 35vw 35vw
，20+35+35=90。因此，为了使其居中，您可以将
填充：0 5vw
或
边距：0 5vw
添加到网格中，并且它将在不接触父元素的情况下工作

内容{
显示：网格；
网格模板行：5vw 85vw；
网格模板列：20vw 35vw 35vw；
利润率：0.5vw；
/*或填充物：0 5vw*/
}
尝试添加
显示：flex；将内容：居中对齐父元素（在本例中为
body
）。尝试添加
display:flex；将内容：居中对齐父元素（在本例中为主体）。