div屏幕居中的方法 博客分类： 编程技术 CSS

<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的值必须为负值,并且为其自身高度或宽度的一半。