weixin_37685091的博客

原创 css实现水平垂直居中的几种方式

作为一名前端小童鞋，入行最开始就会碰到这样子的问题，兼容性也是大家考虑的重点之一，今天就来写一篇垂直水平居中的几种方法。话不多说，直接开干… table-cell HTML部分 垂直居中的块 CSS .box{ display: table-cell; vertical-align: middle; text-align: center; } 效果 使用absolute去实现 (* 在这里我们content的高度，主要去靠里边内容去撑就可以了) HTML部分 垂直居中的块 CSS