使一个div在body中水平垂直居中的方法

tarajk05

于 2014-11-15 13:47:51 发布

阅读量1.8k

点赞数 1

文章标签： html div

本文链接：https://blog.youkuaiyun.com/tarajk05/article/details/41145299

版权

<?php
//$first = "hello everybody!";
//echo $first;
$body=<<<start
<html>
<head>
<title>整站</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css">
	*{
		margin:0;
		padding:0;
	}
	#land{
		border:2px solid gray;
		width:350px;
		height:150px;
		border-radius:8px;
		/*margin:0 auto;*/
		position:absolute;
		left:50%;
		top:50%;
		margin:-75px 0 0 -175px;
	}
</style>
<script type="text/javascript"></script>
</head>
<body style="background-color:#00CACA;">
<div id="land"></div>
</body>
</html>
start;
echo $body;
?>

使div相对于窗口绝对定位，一定要设置div的宽度和高度，进而左移div宽度的一半，上移div高度的一半。