如何使CSS网格位于页面中心

我试图移动页面中心的网格，我不知道为什么它不起作用

我看了很多例子，我看到人们在使用：

justify content:center

即使我试过了，它也不起作用

这是我的密码
ul{
列表样式类型：无；
背景颜色：银色；
填充：10px；
文本对齐：居中；
保证金：无；
}
p{
文本对齐：居中；
填充：无；
}
李{
显示：内联；
填充：10px；
}
a{
颜色：黄色；
}
.测试{
填充：150px；
显示：网格；
网格模板柱：1fr 1fr 1fr；
栅隙：10px；
/*下一个注释已修复，以满足普通样式表中的语法要求*/
证明内容：中心；
/*它不会移动到页面的中心*/
}
.测试组{
宽度：225px；
身高：225px；
背景颜色：蓝色；
}

家
新闻
接触

hellow world

网格居中，您只给了它3个相等的列，但只有一个子元素，因此div显示在网格最左边的列中。如果您将CSS更改为
网格模板列：1fr
，或在中心定义一个，它将按预期显示，但只有一个列会引发一个问题，即为什么要首先使用网格布局。你想做什么样的布局？也许flexbox解决方案更适合您的需要？
只需更改
填充：150px到
填充：50%，在
.testing
（“testing”类）上

这应该行得通



致以最良好的祝愿

Brhaka
将您的代码转换为片段和固定CSS注释，以满足简单样式表的语法要求，因此它可以实时显示您可能遇到的问题，并且可以重用和修复，或者在可能的答案中提供建议。如果不正确，请使用您自己的代码更新代码段。欢迎访问StackOverflow.div和
justify content:center
需要有一个具有
display:flex的父级才能正常工作