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

图片描述

图片描述

图片描述

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

阅读 3.9k
3 个回答

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

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

外层容器要有高度才行。

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

clipboard.png

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题