因为上面使用了浏览器引擎前缀，所以看起来有些复杂，但实际上本质是非常简单的，也就2句代码。关于CSS竖向居中之前也说过几种方法，但使用flexbox也不失为一个非常漂亮的解决方案。我相信以后会发现Flexbox更多更有价值的用法。

也许是因为我们的文字都是从左到右写的，所以才导致HTML规范中所有跟布局相关的设计都是倾向于左右布局。所以才导致左右居中非常容易，而上下竖向居中经常会出错。在《如何竖向居中》这篇文章里曾介绍过两种竖向居中的方法，但每种方法都有自己的局限。于是技术是第一生产力的真理又一次发挥作用

在各种技术论坛里经常会有这样的问题提出，“我如何能将这个东西竖向居中？”这个问题通常会跟随着这样一句话，“我使用了 vertical-align:middle，但是不管用！ ”这个问题其实有三个层面的原因