垂直对齐html表单

发布时间：2020-12-14 22:29:58 所属栏目：资源来源：网络整理

导读：我希望将此文本框居中并在页面上垂直和水平提交按钮,但以下代码只是将其置于顶部中心.如何将其置于页面中心？这就像它忽略了垂直对齐设置. div style="text-align:center; vertical-align:middle" form action="save_thought.php" method="post" input type=

我希望将此文本框居中并在页面上垂直和水平提交按钮,但以下代码只是将其置于顶部中心.如何将其置于页面中心？这就像它忽略了垂直对齐设置.

<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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!