演示页面:http://demo.joyfulboy.cn/css/vc.html
代码请看演示地址.
IE8 FF 已经支持CSS的 vertical-align:middle; 垂直对齐属性 和 display:table-call; 元素显示为表格单元格,使用这两个属性就可以使在 IE8 FF 浏览器下页面垂直居中。IE6 IE7 不兼容这两个属性,所以使用了相对定位和绝对定位来解决此问题。(本人不是很喜欢浮动和绝对定位,但是不使用表格来实现垂直居中暂时也只好这样做,JS不算啊,用JS来实现感觉多此一举了,就像拿坦克打鸟。)