Question

我的网页上有一个表格，它自动对齐到左侧，文本在中心对齐，这是我想要的，但我无法让表格与页面中心对齐。

<table style="border: 1px solid black;  width:300px">
    <tr>

            <td colspan="2">
                <b>&nbsp;Change Your Passwordsword</b>
                </td>
                </tr>
                <tr>
            <td>
                New Password: 
            </td>    
             <td>
                <input type="password" id="pwd1" name="pwd1" size = "8" />&nbsp;
              </td>
            <tr>
            <td>
            Confirm Password: 
            </td>
                    <td>

                <input type="password" id="pwd2" size = "8" name="pwd2" />&nbsp;
              </td> 
            </tr>  
            <tr>
            <td>
            </td>
            <td>

                <input type="submit" value="Confirm" /></td>

            </tr> 
            <tr>
            <td>
            <asp:Literal ID="msg" runat="server" />
            </td>
            </tr>
            </table>

这是我桌子的代码。

Answer 1

使用以下css属性

＆＃13;

table{
margin:auto;
}

＆＃13;

<table style="border: 1px solid black;  width:300px">
    <tr>

            <td colspan="2">
                <b>&nbsp;Change Your Passwordsword</b>
                </td>
                </tr>
                <tr>
            <td>
                New Password: 
            </td>    
             <td>
                <input type="password" id="pwd1" name="pwd1" size = "8" />&nbsp;
              </td>
            <tr>
            <td>
            Confirm Password: 
            </td>
                    <td>

                <input type="password" id="pwd2" size = "8" name="pwd2" />&nbsp;
              </td> 
            </tr>  
            <tr>
            <td>
            </td>
            <td>

                <input type="submit" value="Confirm" /></td>

            </tr> 
            <tr>
            <td>
            <asp:Literal ID="msg" runat="server" />
            </td>
            </tr>
            </table>

＆＃13;

Answer 2

JSFiddle

将align="center"添加到<table>

Answer 3

只需使用

margin: 0 auto;

它将使你的桌子居中。

检查：Fiddle。

Answer 4

要使表格居中，您需要设置边距，如下所示：

table.center { margin-left:auto; margin-right:auto; }

然后这样做：

<table class="center"> ... </table>

此时，Mozilla和Opera将把你的桌子放在中心位置。但是，Internet Explorer 5.5及更高版本需要您将其添加到CSS中：

body {text-align:center;}

如何对齐表格

4 个答案: