为什么设置 body 元素 flex 布局后子元素无法垂直居中？

body 元素设置 flex 后无法让子元素居中

body 元素作为页面主容器，如果设置 flex 布局，希望能让它的子元素水平垂直居中。但事实上，直接在 body 元素上设置 flex 无效。

首先，你提到的代码中存在语法错误。body 的英文单词应写为小写，即 body，而不是大写的 .body。

纠正该语法错误后，body 设置 flex 布局可以实现子元素水平居中，但无法垂直居中。这是因为 body 元素本身没有高度，高度是由子元素决定的。因此，body 无法垂直居中其子元素。

以上就是为什么设置 body 元素 flex 布局后子元素无法垂直居中？的详细内容，更多请关注其它相关文章！