兼容IE6,IE7,IE8,Firefox,Chrome，DIV+CSS垂直居中终于失败，最后三分钟用写了几行JS解决，经简单测试，还行。

先上Jquery的代码，保留备用。

function verticalCenter() {

	var wapperHeight = $("#wapper").height();

	var windowHeight = $(window).height();

	var wapperTop = windowHeight > wapperHeight ? Math.round((windowHeight - wapperHeight) / 2) : 0;

	$("#wapper").css("margin-top", wapperTop + "px");

}



$(document).ready(function () {

    $(window).resize(verticalCenter);

    verticalCenter();

});

只要最外层用<div id="wapper"> …… </div>包裹住就行了。

以下是牢骚，TMD的兼容性啊，我看HTML5之后更TMD的乱~