flex 布局应用于 body 元素时，子元素垂直居中失效的原因分析
在使用 Flex 布局时，开发者经常会遇到一些问题，例如：将 Flex 布局应用于 body 元素后，子元素无法实现垂直居中。本文将分析此问题。
问题描述：一个包含 inner 元素的 outer 元素，通过设置 outer 元素的 display: flex、align-items: center 和 justify-content: center，可以轻松实现 inner 元素的居中。但是，将相同的 Flex 布局应用于 body 元素时，却无法达到预期的效果。
示例代码：
<div class="outer"> <div class="inner">内容</div></div>
登录后复制
本文来自互联网或AI生成，不代表软件指南立场。本站不负任何法律责任。
