垂直对齐html表单

前端之家收集整理的这篇文章主要介绍了垂直对齐html表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望将此文本框居中并在页面上垂直和水平提交按钮,但以下代码只是将其置于顶部中心.如何将其置于页面中心?这就像它忽略了垂直对齐设置.
<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;
}
原文链接:https://www.f2er.com/html/242457.html

猜你在找的HTML相关文章