老生常谈的话题了,虽然用传统的也有一些方法,比如借助伪类,借助负外边距和JS等,但是都不如CSS3的转换特性来的简单。兼容性问题不在考虑之内,如果哪个平台还整天想着兼容IE6~8,我看离死也不远了。落后就要挨打,就会被淘汰这是亘古不变的真理。

方法固然有很多,但是青衿就不一一列举了,我推崇的是实用原则,了解的再多也不如记牢,用会一个。利用CSS3的实现方法如下:

See the Pen 未知父级高度的水平/垂直居中 by qingjin (@mqhe2007) on CodePen.