设置div居中

 

     

         

     

     

      

       

            style="border: solid; background-color: red; width: 100px; position: absolute">  

            此为居中的div  

       

 

         

     

     

 

-------------------------------------------------------------------------------------------------------------------------------------------------

Jquery 设置div居中

    
        window.onload = function ()
        {
            var divID = $("#sub");
            var winHeight = $(window).height();
            var winWidth = $(window).width();
            var divHeight = divID.height();
            var divWidth = divID.width();
            var top = (winHeight - divHeight) / 2;
            var left = (winWidth - divWidth) / 2;
            divID.css({ top: top + "px", left: left + "px" });
        }