用table建立表单时,td元素下的提交按钮如何居中

Posted 2020-10-15 hj0612

　　如果网站是用table标签布局的话，那么一定也会用到tr、td标签，所以建立表单的时候，td标签肯定会运用到按钮上，想让按钮居中的话，你们肯定会用align=“center”或者style=“text-align:center”这两个代码，可是你会发现居中效果没有实现，我想你们是忽略了一个重要的问题，tr标签是行，td标签相当于单元格，举个小例子，　　　　 

　　 账号和文本框一行，密码和文本框一行，按钮一行，但是！别忘了td标签，你账号和文本框一行相当于占用了两个单元格，可是你按钮只有一行占用两个单元格，所以你要把这两个单元格合并成一个然后再居中。可使用colspan 属性规定单元格可横跨的列数，通俗一点就是合并。用法：<td colspan="value">

<table>
        <tr>
            <td>账号：</td>
            <td><asp:TextBox ID="tb_eid" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><asp:TextBox ID="tb_epwd" runat="server" TextMode="Password"></asp:TextBox></td>
        </tr>
        <tr>
            <td align="center" colspan="2">
                <asp:Button ID="btn_login" runat="server" Text="登录" onclick="btn_login_Click" />
            </td>
        </tr>
    </table>