#div1{
border:2px solid #009933;
width:600px;
height:100px;
position:absolute;
left:50%;
top:50%;
margin-top:-50px;
margin-left:-300px;
}
上面代码为div水平垂直居中，首先position:absolute;这样才能left与top对div定位，然后将margin-top与margin-left设置为div高度与宽的的一半负值，将位置移到中心。
文字居中用下面代码：
#div1{ width:400px; height:300px; border:1px solid #777; text-align:center; line-height:300px; vertical-align:middle; }
text-align:center;让文字水平居中。将line-height设置为div的高度，使文字垂直居中。
原文：http://www.cnblogs.com/webliu/p/4399010.html