网页高度垂直居中

用户注册

投稿取消

文章分类:

还能输入300字

上传中....

热门文章更多>>

标签更多>>

word左右居中纵向分布 word左右居中对齐 word左右居中对齐怎么设置 word标题回车后为正文 word标题回车后直接分页 word标题回车后中间空了好大一段 word里面行距怎么调整无法缩小 word里面行距一直很大 word里面行距怎么设置在哪里 word试卷格式文档怎么打印 word试卷格式排版 word中隐藏文字打印 word中隐藏文字快捷键 word中隐藏文字在哪里

专题更多>>

最新文章更多>>

老师说我是个品学兼忧的学生

网页高度垂直居中

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
	*{
         margin: 0;padding: 0;
       }
	   body{
			background-color:#63F;
			position:relative;
			display:block;
			width:100%;
			height:100%;
	   }
	div{
		margin:auto;
		position:relative;
		border: 1px solid gray;
		top:50%;
	}
	  #D1{
	  background-color:#F00;
	  width:100px;
	  height:100px;
	  margin-top:-50px;
	  }
	#D2{
		background-color:#0F0;
		width:200px;
		height:200px;
		margin-top:-100px;
	}
	#D3{
		background-color:yellow;
		width:300px;
		height:300px;
		margin-top:-150px;
	}
	#D4{
		background-color:#0FF;
		width:400px;
		height:400px;
		position:fixed;
		margin-top:-200px;
		left:50%;
		margin-left:-200px;
		}
</style>
</head>
<div id='D4'>
<div id='D3'>
<div id='D2'>
<div id='D1'>
</div>
</div>
</div>
</div>
<body>
</body>
</html>