web - 如何使我的网页居中

Question

http://pastebin.com/GQ6Q0dti

-- 我想将我的网页居中，但我没有找到成功的教程。有人可以帮我解决我的问题，我只想让我的页面居中。谢谢

Answer 1

如果你想水平居中+垂直使用position: absolute;

演示

.center {
   position: absolute;
   top: 50%;
   left: 50%;
   height: 200px;
   width: 400px;
   margin-top: -100px; /* Half of container height */
   margin-left: -200px; /* Half of container width */
}

如果你只想水平居中它，只需使用它

margin: 0 auto;
        ^    ^
       T/B  L/R

只是不要忘记容器的宽度；）

Answer 2

如果你只想做水平居中，最好的方法是不要使用absolute位置，使用默认位置并设置margin:0px auto;

#Table_01 {
    width:792px;
    margin:0px auto;
}
#template {
   height:1584px;
}