如何使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 
    });        
}); 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章