Html 为什么不是'；这个元素对中吗？

我问这个是为了我正在做的一个课堂作业，不知怎么的，我打破了CSS，以至于连我的老师都被难倒了

正文{
字体系列：佐治亚，衬线；
背景：url（“graphics/background.png”）；
利润率：5%；
}
h1{
文本对齐：居中；
填充：0px 0px 20px 0px；
}
.小组{
边框：3倍纯黑；
宽度：500px；
高度：500px；
利润率：20px；
}
#容器{
显示器：flex；
对齐内容：之间的空间；
证明内容：中心；
背景色：红色；
弯曲方向：立柱；
}

周日搞笑节目
```

您想要对齐项目，而不是对齐内容

justify content

指的是主轴，而

align items

指的是横轴。这意味着您可能希望

align items:center

，如果您的目的是使项目水平居中

正文{
字体系列：佐治亚，衬线；
背景：url（“graphics/background.png”）；
利润率：5%；
}
h1{
文本对齐：居中；
填充：0px 0px 20px 0px；
}
.小组{
边框：3倍纯黑；
宽度：500px；
高度：500px；
利润率：20px；
}
#容器{
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景色：红色；
弯曲方向：立柱；
}

周日搞笑节目

对齐内容

以弹性行为目标，而不是弹性项

您需要使用

对齐项目

另外，

align content

在单行flex容器（即

flex wrap:nowrap

）中没有效果

h1{
文本对齐：居中；
}
#容器{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
背景色：红色；
}
.小组{
边框：3倍纯黑；
宽度：100px；
高度：100px；
利润率：20px；
}

周日搞笑节目