Html 如何在CSS中对齐页脚中心的文本？

我有一个网页，我已经在HTML，CSS和引导3页

如果我们在页脚处向下滚动，可以看到文本

footer

不在中间，如下图所示（页脚的屏幕截图）。它有点高

我想知道我需要在现有的CSS代码中做些什么更改，以便文本

页脚

正好位于中间

我在页脚部分使用的CSS代码是：

    /**** Footer START ****/

    .footer {
        width: 100%;
        height: 12%;
        background-color: black;
        display: flex;
        align-items: center;
        background-size: 100% 100%;
        justify-content: center;
    }

    .footer p {
        color: white;
        font-size: 2.25em;
    }
/**** Footer FINISH ****/  

我对标题使用了相同的CSS代码，其工作原理与设计中的如下所示完全相同：

---

我确实同意

在实际的代码片段和小提琴中，它工作得很好

，但我不确定为什么它在实际中不工作

试试这个片段，它可以工作

若你们想要垂直居中，那个么试着在容器中给出和高度相匹配的线条高度

.footer{
宽度：100%；
高度：50px；
线高：50px；
背景色：黑色；
文本对齐：居中；
背景大小：100%100%；
证明内容：中心；
}
.页脚p{
颜色：白色；
字号：1.25em；
}

页脚

它看起来很有效

.footer{
宽度：100%；
身高：12%；
背景色：黑色；
显示器：flex；
对齐项目：居中；
背景大小：100%100%；
证明内容：中心；
垂直对齐：中间对齐；
}
.页脚p{
颜色：白色；
字号：1.25em；
}

页脚

我不明白，但如果你想从上到下在中间：

页脚{
文本对齐：居中；
背景：黑色；
颜色：白色；
字号：1em；
宽度：100%；
高度：40px；
溢出：隐藏；
}
页脚>页脚{
边缘顶部：calc（20px-0.5em）；
高度：自动；
}

正文

尝试添加

垂直对齐：中间

到css for.footer你需要添加

.footer p{margin:0；}

@kpie不起作用。可能是@Vivek Singh的重复我尝试了链接中提到的css代码，但由于某些原因它不起作用。效果不大，但反而降低了高度。我希望<代码>页脚>代码>文本正好在标题中，在这里，页眉文本完全在中间，仍然没有。change@user5447339检查代码段是否正常工作。我不明白你的问题。我想你甚至想要垂直的中间偏右？我同意代码段正常工作，但我不确定为什么它在实际域中运行不好。我同意它在代码片段中运行良好，但我不确定为什么它在实际域中运行不好。我想说的唯一一件事是尝试在css主体上说{字体大小：100%；}//这对每个设备来说都是1em一些设备与其他设备的像素不同，因此它在片段中可能与屏幕上的不同…出于某种原因，起初它对我来说很好，但如果我更改选项卡并返回，它会将底部的文本对齐。。。