中心表格表

时间:2015-11-28 09:36:07

标签: html css

我有一张看起来像这样的表

<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">时,整个事情就是居中但输入框偏离中心,如何对齐此输入框中间位于屏幕中间?

由于

3 个答案:

答案 0 :(得分:0)

您可以尝试下一个:

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

答案 1 :(得分:0)

这样做..

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

答案 2 :(得分:0)

你应该在你的css中定义:

.align-center{
    text-align:center
}

并将该类添加到您的tds

你应该在这里查看完整的例子: https://jsfiddle.net/zu14wown/