<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>上下垂直居中 在线演示 DIVCSS5</title> <style> #main {position: absolute;width:400px;height:200px;left:50%;top:50%; margin-left:-200px;margin-top:-100px;border:1px solid #00F} /*css注释：为了方便截图，对CSS代码进行换行*/ </style> <body> <div id="main">DIV水平居中和上下垂直居中<a href="http://www.divcss5.com/">DIVCSS5</a></div> </body> </html>
原文：http://www.cnblogs.com/shiningrise/p/3739374.html