主要介绍了浅谈最全面的水平垂直居中方案与flexbox布局 的相关资料，主要介绍了定长定宽或不定长宽的各类容器的垂直居中以及flexbox，非常具有实用价值，需要的朋友可以参考下

最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。 由简至繁： 行内元素的水平居中 要实现行内元素（、、、等）中，并且在父层元素CSS设置如下： #container{ text-align:center