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

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

?

1 2 3 4 5 6 7 8 9 10 11

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