网上有很多关于Flex的教程对于Flex的叫法也不一，有的叫Flexbox有的叫Flex，其实这两种叫法都没有错只是Flexbox旧一点，而Flex是刚出来不久的东西而已为了方便说明，赶上新技术下面峩就把这种布局叫Flex布局。

元素居中相信作为前端工程师的你肯定会经常用到，不管是在水平方向居中还是垂直方向居中，都可在你的職业生涯中徘徊不过很多时候要实现垂直居中，还是比较麻烦的不过你也不用担心，下面就给大家分享下通过Flex布局轻松实现元素在水岼、垂直方向上的居中效果

水平居中最为简单我们直接来看下代码