我希望将此文本框居中并在页面上垂直和水平提交按钮,但以下代码只是将其置于顶部中心.如何将其置于页面中心?这就像它忽略了垂直对齐设置.
<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>
解决方法
您可以使用position:absolute DEMO
http://jsfiddle.net/kevinPHPkevin/U8dZr/
div#form-wrapper { position:absolute; top:50%; right:0; left:0; }