html+div相对屏幕居中

 
 
 

<div style="width:350px;height:300px;position:absolute;left:50%;top:50%; margin-top:-150px;margin-left:-175px;border:solid #000 5px;"> </div> 

第一要:position:absolute 

 第二要:left:50%;top:50% 

第三要:margin-left:-175px [也就是-(350/2)] margin-top:-150px [也就是-(300/2)]

用 js方法实现div屏幕居中

   //$("#divContent").height($("#divContent").height() - 180 - 200);
        //if (window.screen.width > 1366) {
        //    var left = (window.screen.width - 900) / 2 + "px";
        //    $("#divContent").css("left", left);
        //}