兼容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的乱~