#前端开发那些事#详见： CSS里实现水平居中非常容易，inline元素用text-align:center;，block元素用margin:auto;就行了。但要实现垂直居中确是一大难题。本篇收集了一些已知的方案，整理出来，以备将来取用。[围观]CSS里实现水平居中非常容易，inline元素用text-align:center;，block元素用margin:auto;就行了。但要实现垂直居中确是一大难题。本篇收集了一些已知的方案，整理出来，以备将来取用。代码可以从GitHub上下载。 Flex弹性盒子 Flex弹性盒子应该是解决垂直居中的最佳方案，随着IE10的逐渐没落，惹人烦的兼容性问题正逐渐被克服。用法很简单，给需要垂直居中的元素的父容器设置display:flex，并指定align-items: center;就搞定了： 我们想将main垂直居中，只需给它的父元素body设display:flex;和align-item...
