Html 如何将div垂直扩展到窗口大小并垂直居中？

所以我要做的是垂直地将文本div居中，并将其扩展到窗口大小，以便对所有大小都做出响应。这是我的小提琴：

404
错误404！
哎呀，发生了一个错误！
很抱歉，您正在查找的页面不再可用，或者您输入了错误的地址。

要使文本居中，请在文本div或换行div上设置以下CSS：

.selector {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

以及该div的父元素上的以下内容：

.selector {
    position: relative;
}

请注意，绝对定位元素不再定义父元素的大小，因此强烈建议为此元素定义宽度和高度

要将div扩展到其页面大小，可以使用viewport（viewport=浏览器窗口）单位：vw（宽度）和vh（高度），其中100是视口的大小，50是一半。这与使用%不同，因为%是相对于父对象的大小的。因此，在CSS中：

.selector {
    width: 100vw;
    height: 100vh;
}

---

为什么是-1？我有小提琴我有代码问题是什么？问题是，清楚地解释你的问题是什么。什么文本分区？我想把文本放在容器的中心…水平和垂直…底部有一个文件夹和容器，可以扩展到整个窗口大小显示：flex甚至table可以很容易地解决这个问题。。。但是你的小提琴中有太多未使用的CSS，无法仔细观察。您可以使用vh或wv单位设置错误号的字体大小，并在mediaqueries中为较小屏幕设置px大小

.selector {
    width: 100vw;
    height: 100vh;
}