2016-06-02 22:10:46 怎样使一个DIV层垂直居中于浏览器中？
怎样使一个DIV层垂直居中于浏览器中？
让一个DIV层布局垂直居中浏览器中实例代码：
- <!DOCTYPE html>
- <html>
- <meta http-equiv="content-type" content="text/html;charset=gb2312" />
- <title>blueidea</title>
- <style type="text/css">
- div {position:absolute;top:50%;left:50%; margin:-100px 0 0 -100px;
width:300px; height:200px;border:1px solid red; }- </style>
- </head>
- <body>
- <div>我在DIV内看看这个DIV层是否垂直居中了</div>
- </body>
- </html>
CSS代码解决垂直居中解释，这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二.