div屏幕居中的方法

<style type="text/css"> 
<!-- 
div { 
position: absolute;      /*绝对定位*/ 
top: 50%;                  /* 距顶部50%*/ 
left: 50%;                  /* 距左边50%*/ 
height: 200px;  margin-top: -100px;   /*margin-top为height一半的负值*/ 
width: 400px;  margin-left: -200px;    /*margin-left为width一半的负值*/ 
} 
--> 
</style> 
<div>css屏幕居中的方法</div> 

 关键在于top和left分别为50%, margin、top和left的值必须为负值,并且为其自身高度或宽度的一半。

评论

3 楼 xqying90 2012-08-02  

啥子哟~

2 楼 fangwei 2011-01-27  

xgj1988 写道

 

有何高见

1 楼 xgj1988 2011-01-27