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

问题描述

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

问题解答

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

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

外层容器要有高度才行。

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