<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>块元素DIV-垂直方向居中</title>
</head>
<body>
<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
-->
</style>
<div>让层垂直居中于浏览器窗口</div>
</body>
</html>
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付
DIV垂直/水平居中
2016-03-30 17:04:58
浏览 4424
- 相关标签
- Html/CSS
随时随地看视频慕课网APP
相关课程
热门评论
-
jcllince2016-03-31 1
-
qq_半夏_152016-03-31 0
-
卢超11112016-03-31 0
查看全部评论如果宽高都不固定的情况下，你这个代码就失效
margin:0 auto; line-height:(定义的行高)；
这叫垂直居中啊