div垂直居中

<!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>

2022-01-05
2021-04-03
2021-07-08
2021-05-18
2022-02-17
2022-02-22
2022-12-23
2022-12-23