如何让DIV水平和垂直居中

发布者:梦幻一新科技 发布时间:2015-11-05 23:59:10 阅读次数:5615

一、CSS让DIV水平居中,只需要:margin:0 auto;即可

二、CSS实现水平和垂直居中

该方法必需知道该DIV得宽度和高度

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


三、jQuery实现水平和垂直居中
$(window).resize(function(){ 
    $(".mydiv").css({ 
        position: "absolute", 
        left: ($(window).width() - $(".mydiv").outerWidth())/2, 
        top: ($(window).height() - $(".mydiv").outerHeight())/2 
    });        
});

$(function(){ 
    $(window).resize(); 
});



喜欢
(0)
0%
一般
(0)
0%