css - flex版面垂直效果實現不了?

Question

參考阮一峰老師的例子,自己做為什麼垂直效果沒有呢??

習慣沉默 · Answer

這個東西。。你首先box要有高啊。。。

他現在的高都是被子元素撐開的，所以會導致flex-star 跟 flex-end 沒有差別。。

高洛峰 · Answer

外層容器要有高度才行。

ringa_lee · Answer

阮老師的flex佈局我也看了，感覺可以當文檔來看了。屬性太多，最後我只記了這兩個，一般用到的垂直居中都能實現了。
我的理解是
justify-content: center; 相當於水平居中
align-items: center; 相當於垂直居中
有不對的請指正啊