css中如何实现div垂直居中

根据子div大小设置水平和垂直偏移父元素的50%，再根据子元素宽高向上和向左挪回一半大小。兼容IE7、IE6，但是只针对子div大小的固定的情况下才有效。

浏览器查看效果如图所示。

与第上一中相似，但不设置margin值，而利用css3中的transform属性。IE9之前的版本不支持。

效果如图所示。

还可以利用绝对定位absolute实现。代码如图。

查看最终效果如图。