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

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《为什么设置 body 元素 flex 布局后子元素无法垂直居中？ 》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

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

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

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

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

本篇关于《为什么设置 body 元素 flex 布局后子元素无法垂直居中？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！