如何使div居中-简单实现

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/FKCSSS/article/details/49737581

1.CSS让DIV水平居中

.mydiv{   
    margin:0 auto;   
    width:300px;   
    height:200px;   
}  

2.CSS实现水平和垂直居中

.mydiv{ 
   width:300px;  
   height:200px;  
   position:absolute;  
   left:50%;  
   top:50%;  
   margin:-100px 0 0 -150px 
} 

3.jQuery实现水平和垂直居中

$(window).resize(function(){ 
    $(".mydiv").css({ 
        position: "absolute", 
        left: ($(window).width() - $(".mydiv").outerWidth())/2, 
        top: ($(window).height() - $(".mydiv").outerHeight())/2 
    });        
});