Html 如何使CSS网格居中？

我只是想弄清楚如何在页面上定位这个网格-我在左边和下面得到了这个空白，不知道从哪里来。我包括了很多CSS和相关的网格代码。还有一个外部样式表，上面可能有一些东西使它能够做到这一点，但我已经看过了，不这么认为。有人知道这是什么原因吗？我是否错误地设计了网格，不知怎的跳到了第二列，或者这是空白空间？只是想让网格稍微居中，周围有一个均匀的边距。很抱歉，如果我在格式方面做了一些错误的事情，或者发布了太多的代码-已经有一段时间没有发布了，而且还需要四个小时的睡眠。谢谢

添加内容：中心；在.navigationbuttons上。

从.navigationbuttons中删除右边空白，并添加对齐内容：居中

html{ 溢出：隐藏； 身高：100%； } p{ 文本缩进：50px； 字体大小：200px； 颜色：白色； 字体系列：“y14.5m-20092009”； } 身体{ -webkit字体平滑：抗锯齿； 背景色：白色； 溢出：自动； 边际：0px； } 分区方案{ 字体大小：30px； 颜色：白色； } .隐藏{ 显示：无； } divfixedfooter{ 位置：固定； 底部：0px； 左：0px； 宽度：100%； 颜色：ba2337； 背景：333人； 填充：8px； 字体系列：“y14.5m-20092009”； 字体大小：20px； 文本对齐：居中； } 输入[类型=文本]{ 宽度：400px； 框大小：边框框； 边框：2个实心ccc； 边界半径：4px； 字体大小：16px； 背景色：白色； 背景图片：url'searchicon.png'； 背景位置：10px 10px； 背景重复：无重复； 填充：12px 20px 12px 40px； -webkit过渡：宽度为0.4s，易于进出； 过渡：宽度0.4s，易于进出； 颜色：ba2337； } 钮扣{ 文本对齐：居中； 边框：1px纯白！重要； 边界半径：5px； 大纲：无； /*关闭蓝色选择边框*/ } .导航按钮{ 显示：网格； 栅隙：10px； 背景色：白色； 颜色：ba2337； 宽度：100%； 字体系列：“y14.5m-20092009”； 证明内容：中心； } .盒子{ 背景色：ba2337； 颜色：fff； 边界半径：5px； 填充：20px； 字体大小：150%； } .a{ 网格柱：col/span 4； 网格行：行/跨3； } .b{ 网格柱：col/span 4； 网格行：第4行/跨度3； } c{ 网格柱：col/span 1； 网格行：第7行； } 博士{ 网格柱：col 2/span 2； 网格行：第7行； } e{ 网格列：col4； 网格行：第7行； } f{ 网格柱：col/span 1； 网格行：第8行/跨度1； } g{ 网格柱：col 2/span 2； 网格行：第8行/跨度1； } h{ 网格柱：col 4/span 1； 网格行：第8行/跨度1； } .我{ 网格柱：第1列/第2跨； 网格行：第9行/跨度3； } j{ 网格柱：第3列/第2跨； 网格行：第9行/跨度3； } A. B C D E F 按钮1 按钮2 按钮3

---

首先，如果这是您的代码，那么您有很多未关闭的HTML标记

然后，如果希望网格位于页面中心，最简单的方法是在本例中为网格容器提供一个类，即表单标记，但也可以在表单下方创建一个新的类，并为其提供以下规则：

.centeredGrid {
    display: table;
    margin: auto;
}

大小取决于输入字段的宽度，在您的情况下，输入字段的宽度为400px

使用关闭的HTML标记修复的完整代码如下

---

您也可以使用display:flex代替table，但请记住。

我没听清楚。你能解释一下吗。你们到底在找什么左边的东西来自显示：网格。@PatrickMlr为什么？太好了！它的中心，但左，右，底部留下了大量的空间。将不得不研究如何将网格大小设置得更大。谢谢

.centeredGrid {
    display: table;
    margin: auto;
}