让div显示在屏幕中央的css代码段

.popup{

width:500px;

height:400px;

position:absolute;

top:50%;

left:50%;

margin-top:-200px;     /*注意：这里的上，左边距的偏移是关键，一定要是height值的一半*/

margin-left:-250px;    /*注意：这里的上，左边距的偏移是关键，一定要是width值的一半*/

border:1px solid #ffffcc;

}

HTML:

<div class="popup">居中的div</div>