css - flex布局垂直效果实现不了?

Question

参照阮一峰老师的例子,自己做为什么垂直效果没有呢??

習慣沉默 · Answer

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

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

高洛峰 · Answer

外层容器要有高度才行。

ringa_lee · Answer

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