Html 如何将页面上的div与flexbox垂直对齐

以下内容未将div与“浏览器”选项卡中的文本垂直对齐（水平对齐正确）：

一些垂直和水平对齐的文本

问题在于您指定给父容器的高度。

高度：100%

不占整个高度。将其更改为

100vh

或类似的格式

以下是更新后的

.container{
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

一些垂直和水平对齐的文本

试试这个：

一些垂直和水平对齐的文本

试试这个

一些垂直和水平对齐的文本

请尝试以下代码

body，html{
身高：100%；
宽度：100%；
填充：0px；
边际：0px；
}
.demo可湿性粉剂{
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景：绿色；
身高：100%；
}
.内分区{
背景：金；
填充：20px；
}

一些垂直和水平对齐的文本

在父对象上设置一个高度。在您的例子中，body和html都是

。当你使用100%时——100%地思考什么？