Html 页脚中的文本无法正确对齐

现在正在发生这种情况：

以下是我的（相关）代码：

.footer{
显示：表格单元格；
背景色：浅绿色；
宽度：1000px；
最大宽度：1000px；
保证金：自动；
边框：5px实心#ccc；
边缘顶部：30px；
线高：12px；
文本对齐：居中；
}

页脚材料

使用FlexBox的解决方案：

display: flex;
flex-flow: row;
justify-content: center; --> centering horizontally
align-items: center; --> centering vertically

如果使用表格单元格，请尝试：

vertical-align: center;

将表格应用于父项（

.footer

），将表格单元格应用于子项（

.footer h2

）

.footer{
显示：表格；
背景色：浅绿色；
宽度：100%；
边框：5px实心#ccc；
高度：100px；
}
.页脚h2{
显示：表格单元格；
垂直对齐：中间对齐；
文本对齐：居中；
}

页脚材料

可能1000px的宽度不完全适合显示区域，因此1000的中心不是700个可见px的中心？使用FlexBox的解决方案与display:table相同；是否（请参见后期编辑）“与表格单元格垂直对齐”与“与表格单元格垂直对齐”没有任何区别。您的代码告诉我：在代码中添加页边距可以让我了解我在编辑我的文章时所说的内容。您似乎保留了其他父div，这就是它没有覆盖整个宽度以及您可以根据需要使用的页边距的原因根据您的要求，如果您更新了您的全部代码，并将其余代码添加到我的帖子中，以提高可视性，那就更好了