欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

用css或jquery方式 使div 水平、竖直均居中

程序员文章站 2022-03-02 11:17:18
...

用css或jquery方式 使div 水平、竖直均居中
            
    
    博客分类: Html&CSS htmlcssJqueryJsDIV 

 

.className{
	width:270px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-75px 0 0 -135px;
}

 

jquery方法



$(document).ready(function(){
						   
 $(window).resize(function(){

  $('.className').css({
   position:'absolute',
   left: ($(window).width() 
     - $('.className').outerWidth())/2,
   top: ($(window).height() 
     - $('.className').outerHeight())/2
  });
		
 });
 
 // To initially run the function:
 $(window).resize();

});

 

  • 用css或jquery方式 使div 水平、竖直均居中
            
    
    博客分类: Html&CSS htmlcssJqueryJsDIV 
  • 大小: 8.6 KB