css - Kann der vertikale Effekt des Flex-Layouts nicht erreicht werden?

Question

Beziehen Sie sich auf das Beispiel von Lehrer Ruan Yifeng: Warum erzielen Sie nicht den vertikalen Effekt, wenn Sie es selbst machen??

Answer 1

这个东西。。你首先box要有高啊。。。

他现在的高都是被子元素撑开的， 所以会导致flex-star 跟 flex-end 没有区别。。

Answer 2

外层容器要有高度才行。

Answer 3

阮老師的flex布局我也看了，感觉可以当文档来看了。属性太多，最后我只记了这两个，一般用到的垂直居中都能实现了。
我的理解就是
justify-content: center; 相当于水平居中
align-items: center; 相当于垂直居中
有不对的请指正啊