如何水平和垂直居中div？
这个问题在这里已经有了答案：
如果你知道内部div的尺寸，你可以使用CSS。
#outer {
position: relative;
}
#inner {
position: absolute;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
margin-top: -100px;
margin-left: -100px;
}
还有其他一些使用display: table-cell选项display: table-cell和vertical-align: middle等。
其他选项包括JavaScript来动态确定内部div的尺寸并设置如上所示的负边距。
使用javaScript或尝试使用http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
最简单也是最可靠的方法就是使用JavaScript。 尝试在此博客文章中给出的代码。 试图在CSS中实现它是一场噩梦，因为CSS并不是用来处理垂直对齐的。
链接地址: http://www.djcxy.com/p/13203.html