html - 垂直对齐 html 表单

Question

我希望将此文本框和提交按钮在页面上垂直和水平居中，但以下代码只是将其放在顶部中央。我怎样才能把这个放在页面的中心？这就像它忽略了垂直对齐设置。

<div style="text-align:center; vertical-align:middle">
    <form action="save_thought.php" method="post">
        <input type="text" name="thought"><br>
        <input type="submit" value="Submit">
    </form>
</div>

Answer 1

您可以使用position:absolute DEMO http://jsfiddle.net/kevinPHPkevin/U8dZr/

div#form-wrapper {
    position:absolute;
    top:50%;
    right:0;
    left:0;
}