html - 如何使用html css居中对齐

Question

我是 html 和整个 web 开发过程的新手(如果这是一个愚蠢的问题，请原谅)但是我如何才能将表单居中放置在页面中间？我有下面的代码，但是当我应用它时，表单居中对齐但停留在页面顶部 - 为什么？我可以手动调整它，但我想会出现问题，具体取决于稍后查看网站的分辨率。

 #formWrapper{
    width:550px;
padding 2em 0 2em 0;                    border:solid 5px #F1F1F1;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-color: #AFC8DE;
}

Answer 1

#formWrapper{
    width:550px;
    padding: 2em 0 2em 0;                    
    border:solid 5px #F1F1F1;
    margin:0 auto;
    background-color: #AFC8DE;
}

对于垂直对齐 div 看这里的例子

http://stylizedweb.com/2008/02/01/vertical-align-div/