居中表单表格

Question

我有一张像这样的桌子

<form >
        <table>
            <tr>
                <td>Name :</td> <td><input  type="text" name="name"></td><br>
            </tr>
             <tr>
                <td>Password :</td> <td><input type="password" name="pwd"></td><br>
            </tr>
            <tr>
                <td><input type="submit" value="Submit"></td>
            </tr>
        </table>
    </form>

我想要在这个表中居中<input>，这样<input>字段就居中，而不是整个表格居中，当我执行<table align="center">时，整个东西都居中，但输入框偏离中心，我如何对齐才能使输入框中间位于屏幕的中间？

谢谢

Answer 1

你可以尝试下一步：

<tr style="text-align: center">
    <td><input type="submit" value="Submit"></td>
</tr>

Answer 2

像这样做..

<tr>
    <td><input type="submit" value="Submit" style="margin: auto;"></td>
</tr>

Answer 3

您应该在css中定义：

.align-center{
    text-align:center
}

并将类添加到您的tds中

您应该在这里查看完整的示例：https://jsfiddle.net/zu14wown/