如何让 Flex 容器垂直居中且 body 占满全屏？

发布日期： 2024-11-01 阅读量： 作者： 网络

如何让 flex 容器垂直居中且 body 占满全屏？

flex 垂直居中与 body 占满全屏

想要实现垂直居中并让 body 占满全屏，你需要：

为 html 标签添加高度样式

在你的代码中，只为 body 设置了高度，而没有为 html 标签设置。你需要为 html 标签也添加 height:100% 的样式。

html, body {
  height: 100%;
}

随便看看